美文网首页
Vue.js2.0中子组件修改父组件传递过来的props,并不影

Vue.js2.0中子组件修改父组件传递过来的props,并不影

作者: symY_Y | 来源:发表于2018-11-19 15:31 被阅读0次

vue2.0中,子组件中不能修改父组件的状态,否则在控制台中会报错。
但是经我测试发现,这仅限于props为非数组及对象等引用类型数据,譬如字符串,数字等
如果props是对象或数组的话,在子组件内修改props的话,父组件是不会报错的。
那么要怎么解决修改props传的值而不污染父组件的值:
1,可以使用ES6提供的Object.assign({}, prop)的返回值就是一个全新的对象,操作这个新对象不会影响旧对象。如果不用ES6就自己递归实现拷贝器
2,可以给对象重新赋值:(给对象里的每一项重新赋值)

this.childrenMessage = {
    id:this.parentMessage.id,
        name:this.parentMessage.name,
}

相关文章

  • Vue.js2.0中子组件修改父组件传递过来的props,并不影

    vue2.0中,子组件中不能修改父组件的状态,否则在控制台中会报错。但是经我测试发现,这仅限于props为非数组及...

  • 弹窗设置(父子传参原理)

    父组件: 1.父组件向子组件传递数据父组件绑定属性,给子组件传递数据子组件通过props接收父组件传递过来的数据子...

  • 父子传参

    父组件 父组件向子组件传递数据 1.父组件绑定属性,给子组件传递数据2.子组件通过props接收父组件传递过来的数...

  • react 父子组件之间的方法调用

    父子组件之间传值通过props、触发事件调用props的方法对父组件的state进行修改; 类似于vue中子组件通...

  • 父子组件

    父组件通过属性的形式向子组件传递参数子组件通过props接受父组件从传递过来的参数

  • Vue 学习笔记(三): 父子组件通信

    父组件通过 props 向子组件传递 父组件: 子组件: 这样子组件就能接收并显示父组件传递过来的数据了 子组件通...

  • react子组件向父组件传值

    将父组件的方法传递给子组件,子组件通过this.props调用传递过来的方法,并带上参数 父组件 子组件 调用传递...

  • vue组件之间跨层级通信?为什么index不能作为key?

    1.子组件怎么修改父组件通过props传递过来的属性? vue是单向数据流的,在子组件是不可以修改传递的属性的。 ...

  • react组件

    父子组件传值 父→子 父组件通过属性的形式向子组件传递参数子组件通过props接受父组件传递过来的参数注:父组件向...

  • 父子组件传值

    1.父组件向子组件传值: 父组件通过属性的方式传递参数,子组件通过props来接收父组件传递过来的参数 2.子组件...

网友评论

      本文标题:Vue.js2.0中子组件修改父组件传递过来的props,并不影

      本文链接:https://www.haomeiwen.com/subject/eocafqtx.html