javascript - vue2.0中子组件会修改props初始值
ringa_lee
ringa_lee 2017-04-11 11:33:27
0
1
331

1.我用父组件向子组件传了一个props是一个数组,然后子组件中把props赋值给子组件中的data,然后修改data的时候,props竟然变了

2.

concat也试了,不行,用concat赋值完后比较子组件的list和props的initlist是false,但改变list后,props的initlist任然会变得和list一样

还有可能就是我数组中的元素是对象,虽然数组的指向不一样了,但其中的对象的指向还没改变

找到答案竟然不能自问自答,原因和上面说的一样,我的数组里面是对象,虽然数组指向变了,但里面的对象的指向还是相同的。改变赋值后的数组里面对象的值,初始数组里面对象的值一样会改变。解决方法就是把初始数组里面的对象属性进行深层拷贝

ringa_lee
ringa_lee

ringa_lee

全部回覆 (1)
大家讲道理

父组件传过来的时候不加.sync,子组件修改不会影响父组件的数据。
深拷贝JSON.parse(JSON.stringify(this.initlist))这个感觉比较好用。

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!