uni-rate组件bug

最新推荐文章于 2024-05-30 16:27:26 发布
最新推荐文章于 2024-05-30 16:27:26 发布
阅读量144 收藏
点赞数 3
文章标签： bug uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_72329752/article/details/138704180
版权

当在做答题需求的时候会有评分需求，在左右滑动页面操作时调用uni-rate@change事件每次第一次value值是1。

看了源代码原因是：

滑动的时候会计算左边到星星的距离来判断滑到了第几颗星星。

因为我用的是轮播图原理，所以解决方法是判断每次渲染的界面都是当前页面，其他的都隐藏

v-show="index == current"

Liu.774
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于vue 组件 uni组件引用的原则
追梦程序员
08-29 609
很多新人盲目使用组件,很多技术骨干也是盲目跟风选择框架和组件。
uni-swipe-action组件实现列表项左划操作
02-19
应用uni-swipe-action组件实现列表项左划操作。 真正做到开箱即用。
UniRate：Unity插件，可轻松管理应用程序的帧频和渲染间隔。 防止电池功耗和设备发热，尤其是在移动平台上
02-04
统一利率 由Renan Wolf Pace创建 总览 一个Unity插件，可轻松管理应用程序的帧速率和渲染间隔。 保持游戏始终以最高帧速率运行是不可取的，尤其是在您会快速消耗大量电池电量并增加设备发热量的移动平台上。 为了帮助您解决这些问题，UniRate为您提供了一个简单的解决方案，可以在代码中的任何地方控制更新率，固定更新率和渲染间隔，而不必担心多个请求。 安装 通过包管理器 将以下依赖项添加到Unity项目的Packages/manifest.json文件中： " dependencies " : { " com.pflowr.unirate " : " https://g
uni-rate子组件星星不更新的解决
kouryoushine的博客
10-22 1172
问题 项目开发的时候评分用到了uni-rate组件，发现切换按钮时候星星会有残留。 原因 uni-rate写的太烂，父元素数据更新的时候子元素没能及时更新。建议使用watch监控value的值，及时更新子元素的值。 解决,添加watch watch:{ value(val){ this.valueSync = val; } }, ...
uni-app开发中使用uni-ui扩展组件 uni-rate 评分组件当前评分无法实时更新问题解决
会飞的咕咕鱼的博客
06-30 3188
很多人在用uni-rate组件时都有类似的反馈，官网上也是挺多反馈的，接下来我来提供几种星星值动态赋值，选中星星值动态更新的方法： 分析： 可能很多人都误解了dcloud，uni-rate组件的研发人员。 造成这种现象的根本原因是：vue的单向数据流决定的。所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。那么我...
uniapp uni-rate 评分 动态设置
qq_37570945的博客
11-15 1016
html这里我尝试过:value和v-model，在接口请求后赋值都没有效果，只有点击才会出现变化 <uni-rate color="#CFCFCF" active-color="#34B734" size="13" :value="shopList.star"></uni-rate> 【解决】：在components/uni-rate/uni-rate.vue添加watch来监听，然后重新赋值 watch:{ 'value':{ deep:true,
uniapp的扩展组件uni-rate的使用注意事项
qq_45569925的博客
05-23 500
由于uni-rate组件的size属性的值类型为number，但是上述代码使用的是字符串，因此不符合组件的使用规则，因此会导致@change事件失效。像上边提供的代码的话，会导致鼠标划过或者点击的时候不会触发onChange是事件。由于size只能是数字，且默认为px，所以不能设置为响应式的，希望官方能改进一下。评分组件，多用于购买商品后，对商品进行评价等场景。如果有谁有解决方案，还请发在评论区借鉴一下。
uniapp 里折叠面板嵌套 uni-collapse 高度不能自适应解决办法
liukaitydn的博客
10-18 6159
在使用uniapp开发小程序时，使用折叠面板uni-collapse嵌套多层的时候，子层在展开的时候，uni-collapse高度不能适应，这里教大家怎么解决。
uni-app day02
qq_40185402的博客
12-03 261
uni-app中的条件编译（类似于C语言中的条件编译）,面试题：企业项目的开发流程,uni-app中的模板,uni-app中的样式,uni-app中的脚本
uni-app使用uview遮罩、模态框，滑动遮罩层使底层的page页面也跟随滑动BUG解决办法
dengyonglei的博客
05-22 467
uni-app使用uview遮罩、模态框，滑动遮罩层使底层的page页面也跟随滑动BUG解决办法
uni-app自定义uni-popup弹窗内容
03-22
自定义uni-popup内容，包含picker-view组件，前提基础需要运行在uni-app项目之下，且已保证插入外置组件，根据传入的list数据渲染选择列表，且能回填数据 组件调用<SelectPick v-if="showPick" v-model="pickValue...
使用uni-swiper-dot组件，开发轮播图
04-28
1、使用HbuildX工具，引入uni-ui插件，使用uni-swiper-dot组件，开发轮播图 2、轮播图的三种mode:nav、dot、indexes
uniapp-table中改版uni-table插件
07-03
改版uni-table插件功能，新增单击行事件、单击某td事件、单独修改某td的字体颜色；选中行样式修改。主要修改文件uni-tr、uni-td;
很好用的uni-app节点树组件！
06-23
很好用的uni-app节点树组件！
robosuite-自建夹具bug
weixin_42823098的博客
05-28 302
在robosuite中创建自己的夹具。
【软件测试】bug篇|软件测试的生命周期|描述bug的要素|bug的级别|bug的生命周期|高频面试题：与开发产⽣争执怎么处理
qq_73017178的博客
05-27 873
本篇文章主要介绍了bug，测试的生命周期：需求分析，测试计划，测试设计和开发，测试执行，测试评估，上线，运行维护；bug的定义；如何描述bug；bug的级别；bug1的生命周期；以及高频面试题：与开发人员发生争执怎么办，从自身，用户，bug级别匹配，提高自身技术和业务水平，实在无法解决，就进行bug评审
软件测试可发现所有bug吗?有什么样的原则和目的?
最新发布
卓码测评
05-30 365
在今天的高度数字化时代，软件测试的重要性不可忽视。这是一种系统性的过程，通过对软件系统进行评估和验证，以确定其是否满足预期要求。在软件开发的各个阶段，软件测试都扮演着至关重要的角色。它涉及到软件功能、性能、安全性等多方面的检查，并旨在发现并纠正缺陷，从而提高软件质量。
Laya：【音效BUG】在游戏失焦后再次返回游戏导致音效播放异常的问题与解决方案
qq_32409959的博客
05-29 197
此处我们自己来管理音效是否因为失焦而自动暂停，监听游戏失焦事件：Laya.stage.on(Laya.Event.BLUR,this,this.method);将之前存好的正在播放的音乐的成员变量用Laya.SoundManager.playMusic(this.playingBGM)继续播放;监听游戏获得焦点事件：Laya.stage.on(Laya.Event.FOCUS,this,this.method);1.用Laya.SoundManager.playMusic()随意播放一个音效文件。
uniapp注册uni-list组件
07-28
在UniApp中，你可以使用uni-list组件来创建列表。要注册uni-list组件，你可以按照以下步骤进行操作： 1. 在你的项目中找到`components`文件夹，如果没有则新建一个。 2. 在`components`文件夹中创建一个新的文件夹，用于存放uni-list组件相关的文件。 3. 在这个新建的文件夹中，创建一个名为`uni-list.vue`的文件，用于编写uni-list组件的代码。 4. 在`uni-list.vue`文件中，使用Vue的组件语法编写uni-list组件的代码。例如： ```vue <template> <view> <!-- 这里编写uni-list组件的具体内容 --> </view> </template> <script> export default { name: 'uni-list', // 组件的属性、方法等 } </script> <style> /* 这里编写uni-list组件的样式 */ </style> ``` 5. 在需要使用uni-list组件的页面中，引入并注册uni-list组件。例如，在一个名为`index.vue`的页面中： ```vue <template> <view> <!-- 这里是页面的其他内容 --> <uni-list></uni-list> </view> </template> <script> import uniList from '@/components/uni-list/uni-list.vue' export default { components: { uniList }, // 页面的其他逻辑代码 } </script> <style> /* 这里是页面的样式 */ </style> ``` 这样就完成了uni-list组件的注册和使用。你可以根据自己的需求，在`uni-list.vue`文件中编写uni-list组件的具体内容和样式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值