HAS的日记 - Vue
type: channel
link: http://haser.top/index.php/category/Vue/
items: Vue 子组件 修改父组件值

Vue 子组件 修改父组件值
type: item
date: 2021-12-08T15:59:00+08:00
description: 记录一下,防止自己忘了 ### 密码验证的组件: ![](https://cnd.haser.top/2021/12/08/4277211485.png) ### 需要的功能: 当用户点击验证按钮并且密码正确时 将验证结果返回给父组件 这里是父组织使用子组件: 1.父组件定义公用值，就是为了让子组件用的，并把值给子组件,使用bind 把值绑给他 ```html ``` 2.然后在子组件里进行接收 ![](https://cnd.haser.top/2021/12/08/4215240738.png) 3.子组件触发改动事件 ![](https://cnd.haser.top/2021/12/08/218323175.png) 在触发之前需要在父组件定义一个v-on事件和一个接收方法 接收方法: ![](https://cnd.haser.top/2021/12/08/1784850366.png) 我这里定义的是validationpwd,后面的是传递值 触发时: this.$emit("validationSecondary",1); ![](https://cnd.haser.top/2021/12/08/3223566790.png)