vue 修改对象的值视图没有发生改变_vue改变数组里面对象的值，值是改成功了，但是视图不重新渲染...

问题描述

如图，数组list的对象里showText默认值是展开查看，点击之后改为收起查看，点击之后输出当前对象如右边控制台所示，但是左边的视图并没有改变，不知道为啥，我又单独定义了一个值key，点击之后改变值视图是渲染的，但是就是数组不行，求大神指教

问题出现的环境背景及自己尝试过哪些方法

百度搜索用了this.$set并没有用

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

html

展开查看最近七次检查指标展示

{{item.xm}}

{{item.result}}

{{item.showText}}

{{key}}

js

new Vue({

el:"#app",

data:{

list:[],

showText:'展开查看',

curIndex:null,

key:'dj'

},

mounted(){

},

methods:{

toggleChars(item,index){

if(item.showText == '展开查看') {

item.showText = '收起查看'

} else {

item.showText = '展开查看'

}

var show = !item.isShow

// item.isShow = !item.isShow

this.$set(this.list[index],'isShow',show)

console.log(item)

// this.key = 'no'

}

},

created(){

this.list = JSON.parse(sessionStorage.getItem('bgjdData'))

this.list.forEach(item=>{

item.showText = '展开查看'

item.isShow = false

})

}

})

你期待的结果是什么？实际看到的错误信息又是什么？

点击当前对象改变里面的提示语收起或展开，里面的div要对应显示或隐藏