大明子
大明子
  • 发布:2020-02-26 16:40
  • 更新:2020-02-26 18:11
  • 阅读:5167

uniapp data数据变更后,模板不会更新

分类:uni-app

遇到一个场景,需要动态更改data中定义的变量属性, 但发现更改data之后,模板中并不会更新,不知道是不是BUG,
详细看代码demo

<template>  
    <view class="content">  
        <view class="" v-for="(item,index) in result" :key="index">  
            {{item.title}}-----{{result_status[1][index][0]}}  
        </view>  
        <button type="primary" @tap="test()">更改状态</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                result:[  
                    {title:'第一条'},  
                    {title:'第二条'},  
                    {title:'第三条'},  
                    {title:'第四条'},  
                    {title:'第五条'},  
                ],  
                result_status:[  
                    {"now":0},  
                    [  
                        ["正常",0],  
                        ["正常",0],  
                        ["正常",0],  
                        ["正常",0],  
                        ["正常",0],  
                    ],  
                ],  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            test(){  
                //修改第三条的状态为失败。  
                this.result_status[1][3][0] ='失败';  
                console.log("变更后数据" + JSON.stringify(this.result_status));  
            }  
        }  
    }  
</script>  

<style>  
</style>  
2020-02-26 16:40 负责人:无 分享
已邀请:
raise

raise

this.$set 试试看

  • 大明子 (作者)

    测试有效!

    2020-02-26 17:27

大明子

大明子 (作者)

在线等。。

DCloud_UNI_FXY

DCloud_UNI_FXY

不是Bug,参考Vue的文档:https://cn.vuejs.org/v2/guide/list.html#%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9

  • jwenlee

    在H5倒是正常的 , 去到小程序就出现这个问题了....

    2020-03-10 02:24

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