element-ui select下拉框远程搜索回填选项的时候为什么不能点击

肖肖肖丽珠

于 2019-07-18 09:27:10 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： element-ui

本文链接：https://blog.youkuaiyun.com/qq_33769914/article/details/96422727

在使用Element-UI的Select组件进行远程搜索并回填已选择的选项时，可能会遇到无法正常显示的问题。问题在于编辑模式下，Select组件未触发远程搜索方法，导致列表为空。解决办法是将已选的name和id手动push进mainteacherlist，确保列表中有id和name。同时，在编辑时不能直接用editForm.mainteacherid，而需要另外定义一个变量绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在编辑的时候可能需要回填你开始利用远程搜索选好的那些选项。

<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">

<el-form-item label="主讲老师" prop="mainteachername" style="width:370px">
                   <el-select v-model="mainteacherid" filterable remote placeholder="请输入姓名或手机号筛选" clearable :remote-method="getTeacherLists" :loading="loading" ref="mainteachername" :value="mainteachername">
               <el-option
           v-for="item in ma