vue组件父子组件传递引用类型数据

vue

今天在写分页功能时,发现父子组件传值时,子组件监听不到父组件中数据的变化,传递的是一个引用类型的数据

其原因是引用类型共用一个内存地址,父子组件用的是同一个对象,故子组件监听不到变化,此时就需要做一个深拷贝,相关代码如下:

其实param是一个引用类型

将父组件中要传递的值做一个深拷贝,其中self.pageDatasCopy是self.pageDatas的深拷贝,self.pageDatas是父组件中的变量,

子组件监听变化:(watch监听)

以上是 vue组件父子组件传递引用类型数据 的全部内容, 来源链接: utcz.com/z/378555.html

回到顶部