input框数据回填(回显)

简介: input框数据回填(回显)
 <el-form :model="TeacherruleForm"  label-width="80px">
       <el-form-item label="人员:" prop="name" class="huo-dong" >
            <el-select v-model="TeacherruleForm.name【X】">
                  <el-option
                        style="width:280px"
                        v-for="item in teacherArrSelectData1"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id">
                 </el-option>
         </el-select>
     </el-form-item>
    <el-form-item label="科目:" prop="subject">
         <el-input  style="width:280px" v-model="TeacherruleForm.subject"></el-input>
     </el-form-item>
</el-form>


 

回填时。


this.TeacherruleForm.subject=mess.subject;//科目(直接回填中文名称。因为当用户输入时,也是直接输入的)


this.TeacherruleForm.name【X】=mess.userInfoId【y】;//因为这是多选框中的回填,


//这里回填时要注意下。回填时  


/因为新增时是


userInfoId【y】: this.addTracherUseid.name    


传递参数的时候userInfoId就是name‘


还有就是回填时,teacherArrSelectData1中必须要有值,否者回填失败哈

相关文章
|
1月前
input点击后placeholder中的提示消息消失
input点击后placeholder中的提示消息消失
|
7天前
|
前端开发 JavaScript
如何让input框在用户输入后,文字居中显示
如何让input框在用户输入后,文字居中显示
14 0
|
7天前
|
前端开发 JavaScript
怎么让input框在用户输入后,文字居中显示
怎么让input框在用户输入后,文字居中显示
17 0
|
1月前
|
JavaScript
限制input框中的输入类型及长度
限制input框中的输入类型及长度
151 0
|
10月前
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
75 0
|
7月前
input输入框输入数据查询
input输入框输入数据查询
33 0
|
7月前
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
|
9月前
|
语音技术
解决input中输入中文过程中会触发input事件的问题
解决input中输入中文过程中会触发input事件的问题
81 0
|
JavaScript
input 每输入一次都会失去焦点需要再次点击才能输入
出现上述问题其实就是遍历的时候key值绑定的不合理
238 0