input框数据回填(回显)如何实现？

本文共计365个文字，预计阅读时间需要2分钟。

<el-form :model="TeacherruleForm" label-width="80px">
<el-form-item label="人员:" prop="name" class="huo-dong" >
<el-select v-model="TeacherruleForm.name">
<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=mess.userInfoId；//因为这是多选框中的回填，
//这里回填时要注意下。回填时

/因为新增时是
userInfoId: this.addTracherUseid.name

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

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

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。

作者：​​晚来南风晚相识​​​

本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接

如果文中有什么错误，欢迎指出。以免更多的人被误导。