3***@qq.com
3***@qq.com
  • 发布:2020-11-20 07:26
  • 更新:2021-07-16 22:17
  • 阅读:944

【报Bug】hello uniapp 演示项目也一样,slider组件在for循环体内遇到函数方法时,v-model绑定数据失效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

第三方开发者工具版本号: 1.03.2010240

基础库版本号: 2.12.2

项目创建方式: HBuilderX

示例代码:

template

<view v-for="item,index in aa.bbb" :key="index">  
    <slider v-model="item.ccc" @change="sliderChange" show-value />  
    <view class="uni-title">{{dd(item.eee)}}</view>  
</view>

data:

data() {  
            return {  
                aa:{  
                    bbb:[{  
                        ccc:20,  
                        eee:1  
                    },  
                    {  
                        ccc:60,  
                        eee:2  
                    },  
                    {  
                        ccc:80,  
                        eee:3  
                    }]  
                }  
            }  
        },

methods:

dd(cc){  
    return 'ccc'  
}

操作步骤:

看上面代码

预期结果:

看上面代码

实际结果:

看上面代码

bug描述:

slider组件在for循环体内遇到函数方法时,v-model绑定数据失效,全部变成0,H5下正常

2020-11-20 07:26 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

bug已确认,已加分,后续优化,感谢反馈问题

  • 3***@qq.com (作者)

    什么时候能修复吖?

    2020-12-07 00:16

damdmen

damdmen - 社交app创业中,求靠谱合伙人

这个是不是因为vue的特性导致的?根据vue的官方文档说明:Vue 包含一组观察数组的变异方法,所以它们将会触发视图更新。 这些方法如下:push() pop() shift() unshift() splice() sort() reverse()

其他的操作数组的方法,包括直接赋值都没办法触发视图更新

见这篇文章
https://blog.csdn.net/qq_42586895/article/details/104080463

该问题目前已经被锁定, 无法添加新回复