<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= >{})
}
}
}
}
网友评论