vue调用其他页面方法

原理：使用同一个vue实例在A页面监听，在B页面发射1、新建一个js文件，export 一个 Vue 实例：2、在page01页面import进刚创建的vue实例，然后在mounted方法里添加监听：3、在page02页面import进刚创建的vue实例，然后在适当的时候发射：这样，当page02页面的back方法执行时，Event会发射一个refreshEvent事件，page01页面监听到re

盛大人很低调

2644人浏览 · 2021-06-12 16:47:40

盛大人很低调 · 2021-06-12 16:47:40 发布

原理：

使用同一个vue实例在A页面监听，在B页面发射

1、新建一个js文件，export 一个 Vue 实例：
在这里插入图片描述

2、在page01页面import进刚创建的vue实例，然后在mounted方法里添加监听：
在这里插入图片描述
3、在page02页面import进刚创建的vue实例，然后在适当的时候发射：

这样，当page02页面的back方法执行时，Event会发射一个refreshEvent事件，page01页面监听到refreshEvent事件，即可执行page01页面的方法

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