<el-form-item v-for="member in memberList" style="display:flex;" prop="member">
<el-select v-model="member.role" clearable filterable placeholder="选择人物角色" style="width:35%">
<el-option v-for="item in projectRole" :label="item.label" :key="item.value" :value="item.value">{{ item.label }}</el-option>
</el-select>
<el-input placeholder="输入人员域账号" v-model="member.username" style="width:35%"></el-input>
<el-button @click.prevent="removeMember(member)">删除</el-button>
<el-button @click.prevent="addMember">增加</el-button>
<br />
</el-form-item>
如果一个 el-form-item 中含有两个输入项,比如上面的,一个select,一个input,这种如果要使用 element-ui 的表单验证,该怎么写呢?
我尝试了自定义表单验证,
// {trigger: 'change', validator: validatePass,}
var validatePass = (rule, value, callback) => {
console.log(value);
callback();
};
但是value一直是undefined。不知要怎么写这个prop属性才可行?
相关分类