el-form-item 包含多个input 怎么验证?

<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属性才可行?


慕斯709654
浏览 9020回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript