vue + elementUi el-dialog中引入vue页面在父页面访问el-dialog引入页面的方法

遇到一个这样的问题，实际页面中用到dialog，并且引入了其他页面，当然这里用的vue + elementUI如果想要引入页面在弹框每次弹出时进行初始化，如图：但是dialog中子页面只会在父页面加载完后，第一次点击事件时初始化，如果关闭，在打开，实际中页面是存在的，只是隐藏研究了好久，最初想到是用vue $refs 实现,在子页面添加init方法发现vm.$refs.方法输出 un...

犇儿犇儿

8989人浏览 · 2020-03-12 10:51:17

犇儿犇儿 · 2020-03-12 10:51:17 发布

遇到一个这样的问题，实际页面中用到dialog，并且引入了其他页面，当然这里用的vue + elementUI

如果想要引入页面在弹框每次弹出时进行初始化，如图：
在这里插入图片描述

但是dialog中子页面只会在父页面加载完后，第一次点击事件时初始化，如果关闭，在打开，实际中页面是存在的，只是隐藏

用vue $refs 实现,在子页面添加init方法

注意使用this.$nextTick(function () {})

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