vuejs对象更新渲染_vue.js,_Vue 列表渲染中修改数组元素（对象）的某个属性，但不能触发视图更新。，vue.js - phpStudy...

Vue 列表渲染中修改数组元素(对象)的某个属性，但不能触发视图更新。

评论 已有{{replies.length}}回复

• {{reply.author.loginname}}

  发帖时间：{{reply.create_at}}

  {{reply.ups.length}}

  

  {{{reply.content}}}

  确定

export default {

data: function(){

return{

}

},

props: {

replies: {

type: Array,

required: true,

default: []

}

},

created: function(){

this.replies.forEach(function(reply, index){

reply.isShowReply = false;

})

},

methods: {

toggleReply: function(index){

console.log(index)

var temReplyObj = this.replies[index];

temReplyObj.isShowReply = !temReplyObj.isShowReply;

this.replies.splice(index, 1, temReplyObj);

}

}

}

我想实现的效果是：点击回复按钮，然后在被点击的某条评论下弹出回复框。

Vue 列表渲染-问题 :

Vue.js 不能检测到下面数组变化：

直接用索引设置元素，如 vm.items[0] = {}；

修改数据的长度，如 vm.items.length = 0。

由于数组元素是一个复杂的对象，而我只是想修改一个属性的值，难道要深复制该对象？或者有什么其它思路能实现我这种效果呢？

相关阅读:

swf文件无法加载成功，出现空白，http提示206

java泛型的实现，谁能详细的讲一下呢

eclipse里面“Sort Members”的功能在idea里面对应的是什么？

JavaScript正则表达式问题？

分解字符串算法

前端：迁移数据时，点击提交后跳出迁移中动画，数据提交完成时，显示进度条到100%，请问如何实现

link_to 的问题

HTML5开发的几个解惑？

数据库表的设计中，外键是自己的主键…

除了angularJS还有哪些MVVM的框架？

python对象和实例化的区别

使用LAMP搭建的CMS系统，操作者感觉卡顿、应该从哪些方面去排查？

vue滚动到页底自动加载？

js 当中apply.bind 这种用法是怎么执行的？

有用php接光大银行云缴费的API吗

iOS webView 如何获取html5 按钮的点击事件 重新在controller写个点击函数

ajax回调的html，其中的js如何调试

电商网站退款流程设计

react+redux开发单页面应用，一个组件unmount的时候，需要将用到的store中的state清空么？

Python 处理文件的性能优化