js调用vue方法

最新推荐文章于 2024-07-22 18:04:02 发布

原创最新推荐文章于 2024-07-22 18:04:02 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种从JavaScript中调用Vue组件的方法。通过将Vue实例的函数暴露给全局window对象，使得JS可以调用Vue的弹窗对话框功能，包括新增和编辑操作。这为前后端分离的项目提供了组件复用的可能。

1 js调用vue

Vue

mounted: function () { window.wagedialog=this.wagedialog },
methods: {
     wagedialog(item, parameter, spring_box) {
      if(item.button_position_sign=='wageFormadd'){
        this.popUp = true
      }else if(item.button_position_sign=='wageFormedit'){
        this.dialogFormVisible = true
        this.edit(parameter.id, parameter.name, parameter.type)
      }
    },

js方法

function dialog(item, parameter, spring_box){
  if(item.button_position_sign=='wageFormedit'){
    window.wagedialog(item, parameter, spring_box)
  }
  if(item.button_position_sign=='wageFormadd'){
    window.wagedialog(item)
  }
};