美文网首页
elementUI 正则效验

elementUI 正则效验

作者: 地主家也没余粮叻 | 来源:发表于2019-09-30 15:56 被阅读0次
<el-form
        :model="form"
        :rules="rules"
        width="600px"
        ref="postForm"
        label-width="120px"
        class="user-addFrom">
            <el-form-item label="员工姓名:" prop="name">
                <el-input v-model="form.name" placeholder="请输入员工手机号" clearable></el-input>
            </el-form-item>
<div v-for="(item,index) in dataObj.tableDate" :key="index">
<el-form-item label="数量:" prop="number">
               <el-input v-model="item.number" placeholder="请输入正整数" clearable size="mini" @input="changeSort(index)"></el-input>
            </el-form-item>
</div>


</el-form>
export default {
data() {
  return {
    dataObj:{
      tableDate:[]
    },
    rules:{
      name:[{required: true,message:'请输入员工手机', trigger: 'blur'},
                {pattern:/^((1)\d{10})$/,message:'请输入员工手机号!'}]
    }
  }
},
methods:{
  changeSort(index){
// 第一位不能为0 ,最大输入六位正整数
    this.dataObj.tableDate[index].number = (this.dataObj.tableDate[index].number.match(/^[1-9]\d{0,5}/) || [''])[0]
},
  save(){
    this.$refs.postForm.validate(valid => {
      if(valid){
         requestion.post({
            url:'xx',
            data:obj
         }).then(res= >{})
      }    
   }
}
}

相关文章

网友评论

      本文标题:elementUI 正则效验

      本文链接:https://www.haomeiwen.com/subject/gauquctx.html