vue中在父组件点击按钮触发子组件的事件

1、父组件的button元素绑定click事件,该事件指向notify方法2、给子组件注册一个ref=“child”3、父组件的notify的方法在处理时，使用了$refs.child把事件传递给子组件的parentMsg方法，同时携带着父组件中的参数msg4、子组件接收到父组件的事件后，调用了parentMsg方法，把接收到的msg放到message数组中父组件广播事件子组件父组件输入了：{

纳鲁托

2790人浏览 · 2020-11-30 14:07:51

纳鲁托 · 2020-11-30 14:07:51 发布

1、父组件的button元素绑定click事件,该事件指向notify方法
2、给子组件注册一个ref=“child”
3、父组件的notify的方法在处理时，使用了$refs.child把事件传递给子组件的parentMsg方法，同时携带着父组件中的参数msg
4、子组件接收到父组件的事件后，调用了parentMsg方法，把接收到的msg放到message数组中

父组件

广播事件

子组件

父组件输入了：{{ item }}

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}$/, //不连续的两位字母// /^