0
点赞
收藏
分享

微信扫一扫

VUE子组件如何改变父组件传来的值,以及VUE子组件如何修改父组件的值

_LEON_ 2022-04-17 阅读 45

一)子组件修改父组件传来的值:

 1、父组件:

2、子组件:

在data中定义一个变量接受,然后将其赋值为this.deptName即可,之后就可以正常修改data的方法对齐进行修改了。

二)子组件修改父组件中的值:

1、父组件:正常引用,但是子组件要绑定一个事件(名称自己起,我这里事件名和函数名都叫callBack)

 2、来到子组件,(我这里是长按子组件实现删除操作,所以就在那个长按的函数里写$emit来传递值):

下面$emit的第一个参数必须是上述父组件中@后面的事件名,第二个之后的参数就是传递的值。

 3、此时我们来到父组件:实现callBack函数:

 这样就完成删除了父组件中的数组中的某个值,数据是实时变化的了。

举报

相关推荐

0 条评论