vue v-forvue 遍历对象属性data中的对象数据，更改data中的数据，视图不更新

来源：蜘蛛抓取(WebSpider) 时间：2017-09-11 16:57 标签： vue 遍历数组对象
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
首先看控制台的调试，打断点看你的 isShow 后面是 这样的 isShow: false 还是 isShow: {...}，如果是前者证明你的 isShow 根本没有被 vue 监听，可以去官网看 watch 的节点，要在 watch 之前定义 isShow，才会监听到你的 isShow
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
data数据的深层对象用this.$set去更新
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
按你的代码自己过了一遍,发现并没有什么问题..
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我觉得其实这种用jQeury解决简直简单死了。。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
是要这种效果吗
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：1607人阅读
问题描述：
dataGoods:[
{id:1,title:'1',imgsrc:'./src/img/timg1.jpg',price:10.00},
{id:2,title:'2',imgsrc:'./src/img/timg2.jpg',price:20.02},
{id:3,title:'3',imgsrc:'./src/img/timg3.jpg',price:30.09},
{id:4,title:'4',imgsrc:'./src/img/timg1.jpg',price:40.40},
{id:5,title:'1',imgsrc:'./src/img/timg3.jpg',price:50.70},
{id:6,title:'2',imgsrc:'./src/img/timg2.jpg',price:60.65},
{id:7,title:'3',imgsrc:'./src/img/timg1.jpg',price:70.43},
{id:8,title:'4',imgsrc:'./src/img/timg2.jpg',price:80.66},
shopcart:[
{id:11,title:'烟台大樱桃 大樱桃，也称西洋樱桃，南方区域一般称为“车厘子”',price:10.00,number:1},
{id:12,title:'商品1',price:10.01,number:2},
{id:13,title:'商品2',price:21.44,number:1},
{id:14,title:'商品3',price:25.78,number:1},
{id:15,title:'商品4',price:1.88,number:1},
{id:16,title:'商品5',price:108.09,number:1},
将dataGoods 的数据添加到shopcart 浅赋值dadaGoods的数据，然后添加 numer 属性shopcart
shopcart 添加新数据的时候可以刷新视图，但是不能后面对number的update 不能更新视图
即 vue 不能监听新添数据后的
浅复制数据不能被shopcart的数据监听，属于引用状态，虽然shopcart 内的数据更新了但是更新dataGoods的数据
对**dataGoods**的数据深复制后再添加带shopcart中
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：89658次
积分：1206
积分：1206
排名：千里之外
原创：49篇
转载：11篇
(1)(2)(5)(15)(6)(8)(9)(9)(1)(2)(2)vue2.0 在IOS只能遍历data的一级数组，若遍历一级数组中的内层对象或内层数组页面就不渲染？ - 知乎3被浏览206分享邀请回答0添加评论分享收藏感谢收起问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新
查了很多资料，
实例的 $set方法不管用，Vue.set()也不管用,filter也不管用，
src的问题已经修改完了
还有，每次请求的数据以及todosLOL数据都是正常的，而且也有变化，只是视图不更新
求各位帮忙看看怎么解决这个问题
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
最开始初始化的时候数据能出来么?另外你把你更新数据的代码贴上来看一下
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这个问题本人已经解决，是因为重复实例化Vue的原因导致的
感谢大家！！！
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 vue 遍历数组对象 的文章

 

随机推荐