uniapp-ThorUi下拉框出现出现的问题
<tui-button type="white" width="100rpx" height="60rpx" shape="square" :link="true"@click="dropDownList(-1,1)"><text class="tui-button-text">全部</text><view class="tui-animation" :class="[dropdownShow&&type==1?'tui-animation-show':'']"><tui-icon name="turningdown" :size="20"></tui-icon></view></tui-button>
设置点击事件带入-1,来控制下拉框的打开,通过后面的索引值控制打开哪个页面
遇到的问题:旋转的小三角形单击另一个下拉框点击前一个下拉框无法复原
解决办法:给所有的下拉框赋予相同的:class="[dropdownShow&&type==1?'tui-animation-show':'']">通过相同的dropdownShow以及各自的索引值来控制下拉框小三角形的旋转状态
js部分:
if (type == 1) {this.type = typeif (index !== -1) {this.tui.toast("index:" + index)}this.dropdownShow = !this.dropdownShow}
uniapp-ThorUi下拉框出现出现的问题相关推荐
- uniapp 自定义下拉框
uniapp 自定义下拉框 根据 https://gitee.com/kcren/uniapp-dropdown-filter/tree/master 自己加了一层封装 可以进行切换选择下拉内容 模板 ...
- uni-app 开发小程序,使用到u-charts.js时会出现弹框或下拉框部分与图标重叠的情况(还有在解决过程中出现 vasToTempFilePath: fail canvas is empty)
如下图,是我用uni-app开发小程序时出现视图与弹框或下拉框重叠的效果图,在微信开发工具上显示正常,但到了真机上就这样. 解决措施: 在小程序中canvas层级过高,导致z-index也无法让弹窗置 ...
- vue uniapp 微信小程序 搜索下拉框 模糊搜索
vue uniapp 微信小程序 搜索下拉框 模糊搜索 话不多说 直接贴代码 template <template><view class="index"> ...
- uniapp下拉框组件
之前写过一个小程序的,引入单个下拉框是没有问题的,但是一个页面引入多个下拉框组件的话就会有bug,比如可以同时展开多个下拉框的问题,在此修复了.如果大家有什么好的办法可以告诉我一下嘛~ 小程序选择框_ ...
- excel 表做下拉框_Excel工作表的组合框下拉列表
excel 表做下拉框 Would you prefer a bigger font size for items in a data validation drop down list? Would ...
- uniapp-select 下拉框
目前uniapp下拉框中比较友好的,功能比较完善 链接:superwei-combox 组合框 - DCloud 插件市场下拉搜索选择组合框,基于官方uni-combox组件,解决选择后再次选择不展示 ...
- 设置select下拉框不可修改的→“四”←种方法
设置select下拉框为不可修改的几种方法: 因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以 ...
- JQuery操作下拉框
要实现这种效果: HTML: <script src="js/jquery-1.7.2.min.js"></script> <table>< ...
- php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...
- php zblog 侧边栏样式_zblogphp版如何实现导航栏下拉框
zblogphp版目前还无任何插件实现导航栏下拉框,根据自己研究和网上的知识,终于研究成功.下面说下实现步骤: 一.在导航条所在模板模板加入更改以下代码 首页{module:navbar} 更改为: ...
最新文章
- 入坑推荐系统,从Google这篇开始
- 1.1 算法编译与调试
- matlab车辆测距,一种基于单目视觉的车辆测距方法
- opencms内容管理入门指南pdf_企业微信管理员训练营回顾(三) | 企业微信高效协作入门指南...
- Linux定时器的简单使用
- Rsync结合Inotify 实时同步配置
- C语言编写双人贪吃蛇游戏
- 51单片机用C语言实现交通灯(红绿灯)源程序实训QY-KP1
- 刘毅5000词汇_不熟词汇整理_lesson_15 and part_2
- pythonobject转int_object怎么转换成float数据
- 手写朴素贝叶斯文本分类
- 遥感数据集的下载记录——MODIS产品为主
- java excel poi 包_用java poi包读取Excel单元格
- 2022年1月份报告合集(共222份)
- 给视频加字幕用什么软件简单?分享3个简单好用的软件
- 软件工程专业的论文答辩_2015软件工程硕士论文答辩流程
- 03、集合之ArrayList
- 谈谈自己对微信商城的看法
- java学习之路之javaSE基础1
- Mac下Android的Eclipse开发环境的搭建
热门文章
- 书是怎样写成的——《ASP.NET夜话》背后的故事
- 《软件方法》第五章 自测题
- googleplay应用无法支付,内购应用支付窗口闪退解决办法
- qt读取文件里的数据并做折线图 并鼠标触碰显示
- 有关笔记本电池校正的方法
- python 安装 pymssql 库时报错
- python海龟绘图画玫瑰花_python学习(二)之turtle库绘图
- php 根据出生日月判断星座
- 评价最高影片JAVAlibrary_三大“百亿影帝”联袂主演,一部比肩《战狼》的王炸影片即将诞生...
- 「达人分享」涨见识了!一段代码就可快速检测微信被删好友