vue项目中iframe子页面调用父页面的方法

父页面的结构<el-tab-pane label="派单流程" name="3"><iframe ref='3' width="100%" height="480px" :src=dispatchUrl></iframe></el-tab-pane>父页面中的方法methods: {...

九号窗口

6770人浏览 · 2020-03-31 10:41:55

九号窗口 · 2020-03-31 10:41:55 发布

父页面的结构

        <el-tab-pane label="派单流程" name="3">
          <iframe ref='3' width="100%" height="480px" :src=dispatchUrl></iframe>
        </el-tab-pane>

父页面中的方法

methods: {
      getOrderInfo() {
      //此处为父页面定义的方法所执行的函数
   }，
}

子页面调用

parent.vm.getOrderInfo()

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