如何为 表单中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',

http://img.mukewang.com/climg/5f58964b09d58d0e08030528.jpg

写回答

1回答

Brian

2020-09-10

表单中input输入框,select选择器设置默认值:

方法一:watch input输入框的数据,当数据变化的时候,对select对应的数据进行修改

方法二:创建computed属性,计算input中的数据,与select中进行对应,同时创建computed属性的set方法,以便在修改select选择器时,可以修改对应的值。

0

0 学习 · 1842 问题

查看课程