【element-ui】v-model上如何绑定两个值

el-input上有个表单验证v-model="ruleForm.name",后来又通过table传来一个值current_row.name,这时v-model改如何写

<el-form :model="ruleForm" :rules="rules"  ref="ruleForm">

<el-form-item label="模块名称" prop="name" :label-width="formLabelWidth">

<el-input v-model="ruleForm.name" auto-complete="off"></el-input>

</el-form-item>

<el-form-item label="模块信息" prop="info" :label-width="formLabelWidth">

<el-input v-model="ruleForm.info" auto-complete="off"></el-input>

</el-form-item>

</el-form>

或者换一种思路:如何既能实现表单验证和table传值到表单,例如这样:模块名称需要表单验证,是通过v-model="ruleForm.name"是实现的,而mysql是table中的当前行传来的值
图片描述

回答:

this.ruleForm.name = current_row.name
直接赋值就好了. 如果是 props 就先拿出来给 data 在赋值

回答:

你把那个新值绑定在那个v-model上啊,值不就变了吗?验证会自动校验

以上是 【element-ui】v-model上如何绑定两个值 的全部内容, 来源链接: utcz.com/a/152668.html

回到顶部