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

转载 (原文地址) 大喵 随笔 vue 145阅读 2018-09-25 15:48:28 举报

Vue——子组件改变父组件属性值的三种方法(一刷完成)

  1. 子组件向父组件传值达到改变父组件属性值的两种方法

父组件必须有.sync修饰符
子组件中showDlg应该是父组件props传入的数据
子组件中不应该直接用showDlg来控制弹窗的显示和隐藏,避免直接依赖父组件的值,可以在data中定义自己的私有属性,并监听父组件中传入的值,动态改变私有属性
on配合$emit

$emit调用父组件方法,接收两个参数[父组件方法名,传递的参数]
父组件中on绑定的方法名应该同步于$emit调用的
缺点是父组件必须存在此方法,否则会报错
v-model配合input事件

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

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复