vue父监听子组件触发的事件

vue里面的作用域都是孤立的,不允许在子组件的模板内直接使用父组件的数据.必须使用特定的方法来实现父子组件之间的数据传递.1.父组件可以使用props来向子组件传值,父组件中用v-bind来绑定传给子组件的值:子组件通过props接收父组件传过来的值:或者是给props添加一些通用的规则:2.子组件向父组件传递数据子组件触发事件,使用$emit来遍历自定义的事件"closeSendChange",

高先生的猫

4071人浏览 · 2020-06-03 10:40:38

高先生的猫 · 2020-06-03 10:40:38 发布

vue里面的作用域都是孤立的,不允许在子组件的模板内直接使用父组件的数据.必须使用特定的方法来实现父子组件之间的数据传递.

1.父组件可以使用props来向子组件传值,父组件中用v-bind来绑定传给子组件的值:

子组件通过props接收父组件传过来的值:

或者是给props添加一些通用的规则:

2.子组件向父组件传递数据

子组件触发事件,使用$emit来遍历自定义的事件"closeSendChange",并且返回参数false,这个自定义事件就相当于一个中转

父组件监听子组件的事件:

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^