记一次el-select远程搜索默认数据回显问题

在el-select远程搜索中会有个回显问题

就是明明传入了绑定值但是却会显示不出来

解决代码如下

         <el-selectv-model="ruleForm.selectId"filterableremoteref="select"clearablereserve-keywordplaceholder="请输入问卷名称/id进行搜索":remote-method="search"><el-optionv-for="item in options":key="item.id":label="item.title":value="item.id"></el-option></el-select>

在数据初始化的时候将获取到的数据做进一步的处理，进行本地select组件的一个添加

     this.$refs.select.cachedOptions.push({currentLabel: currentTitle, //    当前绑定的数据的labelcurrentValue: currentId, // 当前绑定数据的valuelabel: currentTitle, // 当前绑定的数据的labelvalue: currentId // 当前绑定数据的value})

单选的同上

记一次el-select远程搜索默认数据回显问题相关推荐

elementui的el-autocomplete远程搜索组件如何回显结果
<el-autocompletev-model="SName":fetch-suggestions="querySearchAsync":trigger- ...
关于element的select多选选择器，数据回显的问题
关于element的select多选,数据回显的问题在工作中遇到这样一个问题,新建表单时用element的select多选以后,在编辑的时候打开表单发现其他数据能正常显示,多选却无法正常回显.在网上 ...
记一次jquery: select下拉框默认设置选中项（利用数据回显）
1. 用selected属性默认增加选中项: <select name="" id=""><option value="1" ...
Cascader 级联选择器如何根据给定的叶节点值设置默认值（数据回显）
转载自:Cascader 级联选择器如何设置默认值(数据回显)_༺举个栗子吧༻的博客-CSDN博客_选择器设置默认值官网cascader:https://element.eleme.cn/#/zh- ...
cascader 动态加载回显_elementUI的cascader级联选择控件的默认值(回显)问题
其实所谓回显,也只是默认值的问题.例如,一个省市联动,如果当一个用户修改自己信息的时候,那么他能看到级联选择的值,也就是说在修改页面我们给级联选择器赋值一个默认值就可以了.截图是官方文档 vchl0 ...
antd vue select远程搜索下拉不更新数据
//重点: :default-active-first-option="false" :filter-option="false"<a-form-mode ...
element ui select 远程搜索选中之后清空输入框
第一步: 第二步:
解决element ui select下拉框不回显数据问题
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://githu ...
记一次WiFi芯片W600上串口只能回显的问题
最近调试芯片时,出现一个奇怪的问题.设备在运行过程中,突然串口无日志输出,云端也掉线. 通过串口工具向其发送命令,它却是发什么回什么,之前支持的指令全部无效了! 最后,硬件的同事量了量电压,发现电源电 ...

记一次el-select远程搜索默认数据回显问题

记一次el-select远程搜索默认数据回显问题相关推荐

最新文章

热门文章