Vue的iview组件框架select远程搜索,选中后不刷新的问题
2024-10-13 00:34:09
1、场景:弹框内有一个下拉组件(支持搜索),当选择完数据后弹框关闭,再次打开后,下拉框内的数据是刚才选中的数据。
原因:分析后觉得是搜索内容没有清空,导致下拉的数据只有一个
2、解决方案
a 、解决:调用下setQuery方法,伪代码如下:
<select ref="select">
<option>1</option>
<option>2</option>
</select>
this.$refs.select.setQuery(null)
每次代开弹框后,下拉数据是全部了
b、UI框架采用了iview,用的select组件的自动补全功能,也就是select组件的远程搜索功能
问题描述:第一次输入查询关键字,匹配到一条数据,选中后,再次输入查询关键字,如果和上次匹配到的条数length相同,选中时候结果发现匹配到的结果还是上一条的,并没有刷新。
解决过程:很是郁闷。断断续续弄了一周,猜想各种可能性,还在项目里的node_modules文件夹iview的源码里写console,但是都没有输出任何信息,打的断点也不起作用,我一直以为是无法调试,困扰了许久,偶然间,居然发现在浏览器里是可以调试的,
原来藏在这里,被自己蠢哭了!!!
可以调试后,找问题就简单了许多,这次最大的收获就是发现了怎么调试node_modules下模块的代码。
看了源码,发现只有在this.$on("append"),this.$on("remove")的时候才会触发下拉列表的刷新。所以当根据关键字查询获得的下拉列表条数和上次的相等时候,常常会不刷新。
所以我手动在每次请求后端数据之前,先将select的list置为空。
最新文章
- html引入css文件
- [Usaco2015 Feb]Censoring(bzoj 3942)
- BeanShell用法汇总(部分摘抄至网络)【转】
- TI CC254x BLE教程 4
- javascript中的变量、执行环境、作用域
- 设置presentVC跟PushVC一样的效果即从右到左的动画
- Web服务器控件表
- 头文件的宏定义#ifndef测试
- docs
- Activity 【生命周期】
- JDK小技巧
- JS可维护性代码
- 常见的DBCP连接池配置
- JS 存储
- 论文阅读笔记五:U-Net: Convolutional Networks for Biomedical Image Segmentation(CVPR2015)
- Kettle从excel导入数据到sql server
- Spring源码分析(二十)准备环境
- 转:NSString / NSData / char* 类型之间的转换
- bzoj 3252: 攻略
- WCF 快速入门
热门文章
- MySQL manager or server PID file could not be found!
- 轻量级RPC设计与实现第五版(最终版)
- PC远程传文件到树莓派(PSCP详细版)
- JMeter-查找元素
- VSCode常用插件汇总
- PAT (Basic Level) Practice (中文)1043 输出PATest (20 分)
- Maven的作用
- 带你快速了解Linux文件系统
- OCM 12c | OCM 12c Update | OCM 11g (Retiring Dec 31, 2019) | OCM 11g考试延期至2020.04.30
- BurpSuite 汉化版(含注册机)安装教程