vue组件传值 prop传递对象或数组


一种方法:

需要吧子组件接收的的参数变为本地数据。利用 JSON.stringify 和 JSON.parse() 来进行转化。(感觉不太好)

第二种方法

原因则是 异步更新值的问题 

就是说开始的时候有个默认值,这个默认值会被异步数据改变,比如说这个异步数据返回的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。注意监听数组的变更不需要这么做。

相关