vue 数据更新 视图不刷新
来源:互联网 发布:js循环while偶数 编辑:程序博客网 时间:2024/05/18 00:56
问题描述:
data () { return { goods:0, 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 不能监听新添数据后的update;
原因:
浅复制数据不能被shopcart的数据监听,属于引用状态,虽然shopcart 内的数据更新了但是更新dataGoods的数据
解决方案
对**dataGoods**的数据深复制后再添加带shopcart中
0 0
- vue 数据更新 视图不刷新
- vue 循环对象,数据更新,但是视图未刷新
- flex datagrid 的级联更新 , 使用itemUpdated不刷新数据.更新视图
- ExpandableListView 关于更新视图 刷新数据
- vue 改变对象的属性,视图不刷新的问题
- vue ajax请求数据不更新 解决方案
- Vue.js 数据更新后,视图不会更新的异常
- vue中对象属性改变视图不更新问题
- notifyDataSetChanged()刷新数据不更新原因
- echarts(双曲线)不刷新更新数据
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- vue——路由变化页面数据不刷新问题
- vue刷新数据
- Vue如何做到前进刷新数据,后退不刷新数据呢?
- 更新照片,不刷新
- 关于ListView中notifyDataSetChanged()刷新数据不更新原因
- 面试小知识
- 有关熵的几个概念 及 最大似然和交叉熵的一致性
- 深入java final关键字 基本用法、注意点和优点
- 通过git describe --tags 查询当前branch是从那个tag建立的
- 闭包彻底学习
- vue 数据更新 视图不刷新
- Intellij IDEA怎么像Eclipse一样对Class成员进行排序
- spark提交任务端口占用异常
- 使用org.apache.commons.lang.StringUtils方法containsAny误区 看看你们遇到过没有
- C#里partial关键字的作用(转摘)
- Java的高级编程
- import caffe ImportError: No module named caffe
- RxSwift(3.4.1)
- 灰度发布和AB test