Vue — 子组件改变父组件属性值的几种方法

1,props 配合 $emit 改变父组件传入的值

//父组件


//组件
$emit('update:wranning',val)
  • 在父组件传入值时,需要有xxx.sync修饰符;
  • 子组件可以在$emit('update:xxxx',val),派发事件修改传入的值;

2,v-model配合input事件

//父组件:


//子组件:



  • v-model原则上也是利用$emit以及$on
  • v-model会默认绑定input事件

你可能感兴趣的:(Vue — 子组件改变父组件属性值的几种方法)