uniapp下拉选择插件bug

于 2024-03-22 10:45:22 发布
阅读量316 收藏
点赞数 3
文章标签： uni-app bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55118640/article/details/136933892
版权

今天使用uniapp扩展插件uni-data-select时遇到了好几个坑，有一些小bug，在此处做记录，希望能帮到遇到同样问题的人

1、清除按钮不生效，或者点击有反应，但是看不到。

版本问题，目前最新版是1.0.7，经测试发现1.0.6和1.0.7都有这个问题

2、样式不能修改

当时使用1.0.7设置的版本，当我退回到1.0.5时发现当时设置的样式都失效了，在CSS里样式后加上!important可以了

3、change方法里获取到的值是旧的

我选择按钮时，在change方法里获取到的值总是选之前的；我将绑定的值显示在页面上，发现页面上值是对的，我猜是顺序不对，他先把change方法执行了才真的去修改值了，加了个延时1毫秒再获取就是对的了

月亮鞋业
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp - [官方组件] uni-data-select 下拉框右侧没有清除重置图标按钮，HBuilder导入uni-data-select插件后设置clear属性无效（并且右侧没有小箭头图标）
王佳斌
03-26 2019
uniapp，uni-data-select，下拉框，uniapp官方组件，uniapp插件uni-data-select不显示图标，右侧箭头不显示怎么办，官方下拉框插件没有清空清除按钮叉号图标，clear属性没有效果没有icon图标，uni-data-select组件没图标，不显示图标icon为什么，使用uni-data-select插件图标无法显示没有重置按钮和右箭头，uniapp导入安装uni-data-select后没有图标和清空icon图标，无法修改clear属性，没有清空功能，看不到重置icon
uni-app与HTML的标签变化
热门推荐
weixin_44770377的博客
09-24 1万+
组件/标签的变化 以前是html标签，现在是小程序标签 div 改成 view span、font 改成 text a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、textarea、canvas、video 这些还在。 select 改成 picker ifram...
清除select标签选中的值
Pingy_de的专栏
12-29 1661
不起作用：$("#select").find("option:selected").removeAttr("selected"); 可用： $("#select")[0].selectedIndex=-1;
【新手笔记】uni-data-select组件下拉内容滚动
juan_uper的博客
06-02 4308
发现如果组件位于靠下的地方，可能内容会显示不完整，无法自动滚动。 最后通过F12发现这个插件分两层，第二层的类名**.uni-select__selector-scroll**，很明显是专门用来设置可滑动的。。但是uniapp的官网似乎没有这个API所以最后直接使用deep方法添加overhidden解决了：
【APP开发】uni-data-select真机下拉框不显示问题
weixin_43699770的博客
07-04 1435
我是对比了Hello uni-app中uni-data-select的写法，想到可能是这个原因。去掉最外层 class="container"之后就可以了，但具体原因不清楚。
chosen下拉选择插件.rar
04-20
chosenchosenchosenchosenchosen
jquery select 多种下拉日期选择插件
06-06
，默认一个input输入框，点击后下拉框可以快速选择今天，或者过去七天、过去一年时间、上个月时间等快捷选择方式，或者弹出日历选择器提供选择
多功能jQuery输入框下拉选择菜单插件
06-10
这是一款强大实用的多功能jQuery输入框下拉选择菜单插件，点击文本框弹出下拉菜单选择列表，支持下拉，分页，键盘操作等功能。
jQuery搜索框下拉菜单选择插件
06-10
一款点击input文本框弹出下拉菜单，选中菜单，支持多选条件，进行搜索的jQuery搜索框下拉菜单选择插件，功能很强大的下拉框搜索代码。
jQuery无限级联动下拉选择插件
05-16
jQuery无限级联动下拉选择插件
解决uni-data-select组件，选中后，不显示值的问题
qq_31552775的博客
11-21 1398
最近使用uniapp的uni-data-select组件,发现自定义选项选中后不显示text。
uni-data-select的使用（做笔记用，不喜勿喷！！）
weixin_67281896的博客
06-27 8521
1.使用uni-da'ta-select下拉框放接口数据时，出现不渲染的情况----可能是因为方法还没拿到数据，而组件已经渲染完毕了，因此加了一个显示控制。
uni-app遇到的一些问题
前端小白成长记
08-23 3570
进入页面，数据打印出来了，但是页面没有渲染出来 方法一： 页面代码添加v-if='updateNewData' <view class="item" v-for="(item1, index1) in rightScroll[index]" :key="index1" v-if='updateNewData'> </view> 定义updateNewData: true,不然页面进来不会显示 data() { return { updateNewData: t
❤ Uniapp使用二 ( 日常使用篇)
最新发布
林太白
01-16 867
❤ Uniapp使用二 ( 日常使用篇)
uni-datetime-picker 日期选择器 手机端不显示清除按钮 无法清除选择的日期
weixin_42547138的博客
07-29 2875
uni-datetime-picker 日期选择器 手机端不显示清除按钮 无法清除选择的日期 <uni-datetime-picker ref="formDate" v-model="rangetime" type="daterange" :value="datevalue" :start="star" :end="end" rangeSeparator="至" @change="datechange" /> cleardate:async function(){ var ss = thi
Element-ui踩坑记录 DatePicker 日期选择器
weixin_43827743的博客
09-22 3973
记录自己在使用Element-ui的过程中踩过的坑 报错信息:[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘0’ of null” 在使用DatePicker日期选择器选择日期范围的时候，会用到一个属性clearable。这个属性是Boolean变量，用于决定是否显示清除按钮，默认为true。 <el-date-picker v-model="value" type="daterange"..
uni-datetime-picker日期选择器,清空数据时, 日期图标位置不正确
weixin_45710745的博客
01-10 629
点击重置按钮时, 直接重新加载整个页面,
uniapp 下拉刷新插件
09-03
根据引用，该插件是位于DCloud插件市场的一个插件，可以通过https://ext.dcloud.net.cn/plugin?id=29#detail 这个地址找到插件的详细信息。 根据引用，如果你想在uniapp中使用该插件实现下拉刷新功能，并且在切换tabs时保持滚动条位置一致，你可以尝试使用v-if而不是v-show来控制插件的显示与隐藏。 另外，根据引用，该插件还有相应的案例可以下载。你可以通过链接https://pan.baidu.com/s/1q6IB-mCdCQqcvKaZmzJtcg 提取码为e66j 来下载案例。下载后，将该案例放入编辑器中打开即可。 综上所述，该插件可以通过DCloud插件市场的链接获取详细信息，并且可以在uniapp中使用v-if来实现下拉刷新功能。同时，你也可以下载相应的案例来参考和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uniapp的上拉加载和下拉刷新](https://blog.csdn.net/renxiaoxing55/article/details/112648353)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【uniapp】页面下拉刷新](https://blog.csdn.net/Qxn530/article/details/127450118)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值