iview关闭抽屉弹层时清空Select弹框高亮样式

用iview做后台管理系统，首页数据列表页，点击新增按钮会弹出一个弹层，那个弹层用的是iview里的Drawer抽屉组件，里面的下拉框都是iview里的select组件，在新建完一条以后，再次打开下拉框里还会遗留上次选择过的样式，后来才知道需要用到一个方法clearSingleSelect。

解决方案：在Select元素上定义一个ref属性，取到Select框，在点击取消时的方法里调用iview内置的 clearSingleSelect 这个方法，因为点击提交成功后也要调用这个方法来清空表单，所以写一次就可以了

步骤1：

步骤2：

iview关闭抽屉弹层时清空Select弹框高亮样式相关推荐

uniapp 自定义弹层时，底部页面滚动而弹层不能滚动
今天做页面有个需求: 页面有个列表(A),内容过多时需要滚动, 然后做了个弹层,里面也有个列表(B),内容过多时需要滚动由于A列表使用的web-view组件,而B列表使用view组件加overflo ...
android一天一次弹窗,Android自定义Toast，多次弹出时取消上次弹出，最后一次弹出为准...
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. Android的Toast用队列管理弹出的消息,这个自定义的Toast用于频繁弹出Toas ...
vue弹层时禁止页面滚动
创建组件时禁止页面滚动: created(){//禁止页面滑动document.body.addEventListener('touchmove', this.bodyScroll, { passiv ...
IOS 微信返回按钮事件控制弹层关闭还是返回上一页
在微信公共号内绑定域名后或微信内打开第三方链接跳转非单页面网站时,经常会有弹层Modal的需求,此时如果用户习惯性点击微信自带的返回"<"按钮,就会跳转回上一页或退出网站,而 ...
layer之弹层组件文档 layui.layer（v.1.9.0之后）
弹层组件文档 - layui.layer layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持.不弃的执念,将那些不屑的眼光转化为应得的尊重,不断完善和维护.不断建设 ...
Bootstrap~大叔封装的弹层
回到目录对于Bootstrap的弹层,插件有很多,今天主要用的是它自带的功能,通过bootstrap提供的模式窗口来实现的,而大叔主要对使用方法进行了封装,开发人员可以自己动态传入弹层的HTML内容 ...
ios11，弹出层内的input框光标错位键盘弹出时，输入信息，光标一直乱跳
之前开发了一个微信项目,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅. 具体情况:弹出层使用position: fixed:弹出层内附带input/textarea输 ...
layui使用弹出层关闭后弹层的内容又显示出来
1.layui的弹层插件 layer 使用当弹层的内容很多时,可以先在页面上写好,一般是写在body里面,不要放在其他的div里面,防止弹层受到影响,使用方法: <div id=" ...
ant-design在 vue 抽屉（drawer）里面嵌套弹出框（modal）出现蒙层遮挡弹框问题
ant-design在 vue 抽屉(drawer)里面嵌套弹出框(modal)出现蒙层遮挡弹框问题有时候会遇到这种情况,先打开抽屉,然后再抽屉里打开模态窗,出现模态窗被抽屉的的蒙层遮挡问题: 可 ...

iview关闭抽屉弹层时清空Select弹框高亮样式

iview关闭抽屉弹层时清空Select弹框高亮样式相关推荐

最新文章

热门文章