遇到一个场景,需要动态更改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 17:27