vue 子组件调用祖父级或更高层级组件的方法

今天遇到一个问题，因为需求的原因我的组件嵌套的有点多，需要从子组件调用祖父级组件的方法。这里需要的版本是 vue 2.2.0版本及更高版本在你的祖父级组件中写入 provide方法在你要操作的孙子组件中写入injectprovide具体用法：这里的provide是和methods同级的，this.showpay是我的方法inject具体用法：在子组件中是和data这些同级，有点类似于props,

_sthen

5315人浏览 · 2020-09-28 16:28:31

_sthen · 2020-09-28 16:28:31 发布

今天遇到一个问题，因为需求的原因我的组件嵌套的有点多，需要从子组件调用祖父级组件的方法。
这里需要的版本是 vue 2.2.0版本及更高版本
在你的祖父级组件中写入 provide方法
在你要操作的孙子组件中写入 inject
provide具体用法：
这里的provide是和methods同级的，this.showpay是我的方法

inject具体用法：
在子组件中是和data 这些同级，有点类似于props,
在这里插入图片描述
优点就是不止是祖父层级，更高层级也可以。

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