如何为 表单中input输入框,select选择器 设置默认值
来源:1-1 章导读
慕用2276564
2020-09-09 17:05:33
老师好,您好,我在用vue+elementUI制作表单时,需要为 表单中input输入框,select选择器 设置默认值,没能实现。
如下图所示,
代码如下:
<el-row>
<el-col :span="12">
<el-form-item label="报告编号长度">
<el-input v-model="info.reportcodeLength"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="起始序号">
<el-input v-model="info.startNum"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否自动编号">
<el-select v-model="info.autoEncode">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否允许无设备直接起草">
<el-select v-model="info.isNoEquEdit" placeholder="请选择">
<el-option label="否" value="0"></el-option>
<el-option label="是" value="1"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
对应的data里设置了
reportcodeLength: '2',
startNum: '1',
autoEncode: '1',
1回答
Brian
2020-09-10
表单中input输入框,select选择器设置默认值:
方法一:watch input输入框的数据,当数据变化的时候,对select对应的数据进行修改
方法二:创建computed属性,计算input中的数据,与select中进行对应,同时创建computed属性的set方法,以便在修改select选择器时,可以修改对应的值。