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中必须要有值,否者回填失败哈

相关文章
|
7月前
input点击后placeholder中的提示消息消失
input点击后placeholder中的提示消息消失
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
179 0
|
JavaScript 程序员
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
569 1
input输入框输入数据查询
input输入框输入数据查询
45 0
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
102 0
|
语音技术
解决input中输入中文过程中会触发input事件的问题
解决input中输入中文过程中会触发input事件的问题
169 0
|
JavaScript
input 每输入一次都会失去焦点需要再次点击才能输入
出现上述问题其实就是遍历的时候key值绑定的不合理
307 0
|
前端开发
前端:input 标签取消账号填充
前端:input 标签取消账号填充