vue 子组件中直接修改父组件传递过来的值

vue2 中常用的子组件改变父组件的值

  • 子组件中用$emit向父组件中发射一个自定义事件,然后在父组件的methods中定义这个方法,方法体中做数据处理。

父组件:


子组件:



  • 也可用.sync修饰符直接在子组件中对父组件传递过来的值进行更新。
    父组件:


子组件:



vue3 中常用的子组件改变父组件的值 

  • 在vue3中通过v-model的形式使用sync
    父组件:

子组件:


你可能感兴趣的:(vue.js,前端,javascript)