外部js调用vue的methods中的方法

export default {data() {return {title: '首页',}},mounted() {// methods里面定义的方法, 需要赋值给windowwindow.jingli = this.jingli;},methods: {...

红孩儿2011

4915人浏览 · 2019-11-22 16:22:01

红孩儿2011 · 2019-11-22 16:22:01 发布

  methods: {
    showTips(data){
      console.log('1111111111111111111111111',data);
    }
  },
  mounted() {
     window.showSingalTips = this.showTips;
  },

这样就可以通过调用 showSingalTips() 来调用 vue 的methods 中的 showTips()

           let data = {
               isSuccess: true, 
               type: 1,  // 1导入发货  2订单列表导出 3发货管理导出
               fileUrl: 'http://' 
            }
            showSingalTips(data)

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