美文网首页
vue子组件要修改父组件的值

vue子组件要修改父组件的值

作者: 北风吹_yfy | 来源:发表于2019-10-23 17:36 被阅读0次

方式一:通过自定义事件$emit("event",参数);

//父组件中定义值并传给子组件
data(){
    return {
        data:0
    }
},
methods:{
    changeData(params){
         this.data += params;
     }
}
//引用子组件时用v-bind绑定属性传给子组件,用v-on绑定方法改变值
<child  :childData="data" @childChangeData="changeData"/>
//子组件内用props接收父组件的值,写自定义事件改变父组件的值
props:{
    childData:Number
},
methods:{
    changeData(){
          this.$emit("childChangeData",7);
     }
}

方式二:在子组件中使用this.$parent.属性名= "";

相关文章

  • vue中父组件获取子组件的值

    vue项目中,普遍存在父组件和子组件相互传值的问题,父组件向子组件传值用props,但是如果此时要修改父组件传的值...

  • Vue子组件修改父组件的值

    Vue是不允许子组件直接修改父组件的值的,如果需要修改,按如下方式: 子组件 父组件

  • 组件传值(父组件传值给子组件)

    组件传值(父组件传值给子组件)不可在子组件中修改父组件的值,可以通过深拷贝。在子组件中拷贝一份数据app.vue:...

  • vue组件父传子,子组件改变父组件也改变

    参考:(41条消息) vue 父子组件传值 子组件修改父组件值的解决办法大懒猫呀的博客-CSDN博客子组件改变父组...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 子组件直接修改父组件的值

    vue中子组件无法直接修改父组件的值,会报警告,可以通过借助.sync修改父组件的值

  • vue父子组件的双向绑定

    父组件可以向子组件传值,修改。同时,子组件也可以向父组件传值和修改 父组件的分析:父组件使用v-model实现双向...

  • 04vue2.0-Vue组件化-组件间的数据传递

    Vue组件之间传值 父组件向子组件传值 1.父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。...

  • 前端VUE3,JQ,uniapp,综合

    vue3 + ts 子组件更新props 子组件可以直接修改父组件传进来的值子组件定义事件名称update:事件名...

网友评论

      本文标题:vue子组件要修改父组件的值

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