vue组件传值prop传递对象或数组
⼀种⽅法:
需要吧⼦组件接收的的参数变为本地数据。利⽤ JSON.stringify 和 JSON.parse() 来进⾏转化。(感觉不太好)
第⼆种⽅法
vuejson转对象
原因则是异步更新值的问题
就是说开始的时候有个默认值,这个默认值会被异步数据改变,⽐如说这个异步数据返回的object,如果你⽤props的⽅式去传递这个数据,其实第⼀次传递的空值,第⼆次传递的是更新后的值,所以就出现报未到的错误.
解决⽅法:(watch,监听这个值)
既然说第⼀次是空值,它会这样处理''.items[0],那么我们是不是可以在html判断这个是不是空(或者在computed或者是watch来判断是否为默认值)
watch监听基本类型属性:watch对象中直接可以写函数
watch监听引⽤类型属性:watch中跟对象形式的配置项
watch: {
heartData: {
handler: function(heartData) {
this.$nextTick(() => {
this.showmyChart()
})
},
deep: true,
immediate: true
}
},
选项:deep 为了发现对象内部值的变化,可以在选项参数中指定deep: true。注意监听数组的变更不需要这么做。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。