vue-cli - 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 在赋值

这篇关于vue-cli - v-model上如何绑定两个值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！