uniapp中下拉组件uni-data-select不支持监听展开收起的解决完善

最新推荐文章于 2024-04-29 11:25:35 发布
最新推荐文章于 2024-04-29 11:25:35 发布
阅读量1.5k 收藏 2
点赞数
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyz246859/article/details/126009111
版权

在使用uni-data-select的时候 想在下拉框右边加上收起展开的icon图标 但是使用组件的时候 发现并没有收起展开的相关事件，因此 只能自己在原代码文件做二次开发修改了，其实也蛮简单：
在这里插入图片描述
原代码里有展开收起的事情@click=“toggleSelector” 因此只需要在toggleSelector事件里emit值就行：

在这里插入图片描述
是不是很简单呢？ 主页面实时接收showSelector的值就行 很简单就可以判断是展开还是收起

lyz246859
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app实现select标签功能
04-27
在uni-app中实现类似html的select标签功能。选中数据后，会在下面显示出所选的数据，点删除之后，对应的选中状态也清除
uni-app中select下拉菜单
热门推荐
lsklike的博客
08-17 1万+
uni-app中select下拉菜单
uniapp项目下拉框uni-data-select多选
最新发布
m0_73700304的博客
04-29 1623
/ 格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}"* @property {Array} localdata 本地数据 ，格式 [{text:'',value:''}]'opendb-stat-app-versions': '版本','opendb-app-channels': '渠道','opendb-app-list': '应用'default: '请选择'
uniapp-select下拉菜单组件
m0_62134648的博客
06-25 9327
插件市场 链接 字段和方法说明。
uniapp 下拉框效果使用 uni-data-select标签
新人一枚，互相学习哦！
04-20 1万+
uniapp 下拉框效果使用 uni-data-select标签
uniapp-select 下拉框
qq_45243261的博客
05-25 8892
目前uniapp下拉框中比较友好的,功能比较完善 链接:superwei-combox 组合框 - DCloud 插件市场 下拉搜索选择组合框，基于官方uni-combox组件，解决选择后再次选择不展示全部选项的问题，支持模糊搜索和JSON数组格式，可设置选中项文字和背景颜色（若使用请一定下载uni_modules版本）https://ext.dcloud.net.cn/plugin?id=7520 ...
uni-app 社交 下拉加载历史消息记录，滚动到下拉之前，不闪
05-19
社交应用中，onPullDownRefresh下拉加载历史消息，与页面上的消息合并，滚动到下拉之前，页面不闪
5种uni-app 页面下拉刷新方法-源码示例.zip
01-31
5种uni-app 页面下拉刷新方法-源码示例
uni-app：mescroll-nui下拉刷新组件
09-08
uni-app：mescroll-nui下拉刷新组件
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
uniapp多功能选择器组件，类似于elementui，可搜索可下拉可清空（基于uView二次封装），支持各端兼容，非常好用！！！
qq_32058147的博客
06-07 9873
（1）因为组件基于uView二次封装，所以请安装uView组件，安装步骤请看uView官方文档。说明：@select方法可以在父组件拿到当前选择项的对象数据。废话不多说，先看视频！
uniapp实现下拉多选框
m0_70337053的博客
07-28 9477
uniapp实现封装下拉多选组件
uniapp uview1.0x 下拉选择fs-select，日期下拉选择u-picker 组件简单分装
weixin_46211267的博客
11-30 5978
uview组件 下拉 和 日期简单分装 u-select封装 <!-- 点击弹窗下拉选择 可 单/多 列--> <template> <view> <u-input input-align="right" :placeholder="`请选择 ${placeholder}`" v-model="valueLable" type="select" :select-open="show" @click="show = true" :border="border"
uniapp(全端兼容) - 实现下拉单选/多选选择器组件插件，下拉选择器、下拉框多选功能，点击后底部下拉出现列表，可选择单个或多个，并在选择器上显示出来可移除（详细示例和组件源码，一键复制开箱即用）
高级前端工程师
12-18 4483
uniapp，vue3，uniapp vue3，支付宝微信小程序，h5移动端网页网站，uniapp下拉多选框，下拉列表多选器插件，底部弹框式多选选择器，uniapp v3小程序下拉多选框实例代码，uniapp picker下拉选择器(支持多选)，uniapp多端兼容的下拉框多选插件，uniapp vue3版本如何实现多选的下拉列表，实现下拉多选框，uniapp和vue3+ts创建自定义下拉选择框select组件，uniapp vue3下拉框多选，uniapp v3版本实现选择框下拉多选组件插件，uniapp
uniapp中关于unidataselect组件出现at view.umd.min.js:1报错的另类解决方案以及placeholder不显示的问题
07-05 7164
uniapp的几处bug踩坑记
前端vue uni-app基于picker封装的移动端简单实用选择器select插件
chenchuang0128的博客
06-01 1581
ccPickerView leftTitle="房屋朝向" name="orientations" placeholder="请选择房屋朝向" @change="towardPickerChange" :value="towardIndex" :range="towardArr" >towardArr: ['东', '南', '西', '北', '南北'],floorArr: ['低', '中', '高'],liftArr: ['有电梯', '无电梯'],
uniapp和vue3+ts创建自定义下拉选择框select组件
11-20 3053
使用uniapp开发小程序的时候，使用了uview的ui组件，但是里面没有下拉选择组件，只有Picker 选择器，但是我们想要使用下拉选择的组件，所以需要自定义个一个下拉选择的自定义组件，我就只能自己动手创建这个自定义组件了，支持：多选，单选，下拉框在框内还是框外。自定义组件源代码：Select.vue。
uni-app微信小程序开发自定义select下拉多选内容篇
SunnyRun
08-09 2485
uni-app微信小程序开发自定义select下拉多选内容篇;
uni-app——下拉框多选
Tianxiaoxixi的博客
08-04 7286
uni-app——下拉框多选
uniapp运用uni-data-select组件后，为什么下拉没有数据
04-04
2. 数据源中没有数据。如果数据源是动态获取的，需要确认数据是否成功获取并且符合要求。 3. 下拉框组件的配置有误。需要确认下拉框组件的属性是否正确配置，例如是否设置了正确的数据源、是否设置了正确的显示字段...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值