vue实现父子路由（组件）传值

使用场景：将用户刚刚更改的头像或用户名实时在同一页面实现，如下图vm.$emit( eventName, […args] )参数：{string} eventName[…args]触发当前实例上的事件。附加参数都会传给监听器回调。1. 子路由中存入数据2. 在父路由中绑定子路由传来的数据3.处理父路由中传过来的数据...

山菌_done

3793人浏览 · 2020-07-03 10:51:35

山菌_done · 2020-07-03 10:51:35 发布

使用场景：将用户刚刚更改的头像或用户名实时在同一页面实现，如下图
在这里插入图片描述

vm.$emit( eventName, […args] )
参数：

{string} eventName
[…args]
触发当前实例上的事件。附加参数都会传给监听器回调。

1. 子路由中存入数据
在这里插入图片描述
2. 在父路由中绑定子路由传来的数据

3.处理父路由中传过来的数据

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