vue+element的后台项目实现再次点击左侧菜单栏，刷新右侧内容

在vue项目中，如何实现再次点击，刷新右侧内容，我使用了vue中的[provide/inject]，简单来说就是。。不多说了上代码1. 在父组件中设置provide2.还有别忘了methods中reload（）这个方法3.在左侧菜单组件中通过inject调用4.在需要执行的地方直接调用方法即可...

tq1711

3618人浏览 · 2020-09-03 16:46:00

tq1711 · 2020-09-03 16:46:00 发布

在vue项目中，如何实现再次点击，刷新右侧内容，我使用了vue中的[provide/inject]，简单来说就是。。不多说了上代码

1. 在父组件中设置provide
在这里插入图片描述
2.还有别忘了methods中reload（）这个方法
3.在左侧菜单组件中通过inject调用

在这里插入图片描述

4.在需要执行的地方直接调用方法即可

在这里插入图片描述

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