如何从外部 JavaScript 触发 Vue.js 方法

Question

我正在尝试从另一个 JavaScript 文件中的 function 触发 Vue.js 方法。 我已经给出了我尝试过的以下代码。

示例.js

import vm from './vue.js';

function call( ) {
  vm.$options.methods.displayData('I was called externally!')
}

call()   // Here I am calling function

vue.js

var vm = new Vue({
  el: '#app',
  data: {
    firstname : '' ,
    lastname : ''
  },
  methods:{
    displayData: function(s ) {
      alert(s)
    }
  }
})

Answer 1

您不需要访问$options object：

vm.displayData('I was called externally!')

这只是使用实例来访问其方法。

编辑下面的评论：要根据需要使用没有捆绑器或 es6 模块的文件，请删除仅适用于模块的import语句。

以下是index.html 、 vue.js 、 sample.js所需的 3 个完整文件：

索引.html

<html>
<body>
  <div id="app"></div>
  <script src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>
  <script src="vue.js"></script>
  <script src="sample.js"></script>
</body>
</html>

vue.js

const vm = new Vue({
  el: '#app',
  data: () => ({
    firstname : '',
    lastname : ''
  }),
  methods:{
    displayData: function(s) {
      alert(s)
    }
  }
})

示例.js

function call( ) {
  vm.displayData('I was called externally!')
}

call();

如何从外部 JavaScript 触发 Vue.js 方法

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-02-04 07:32:38

如何从外部 JavaScript 触发 Vue.js 方法

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-02-04 07:32:38

解决方案1
0 已采纳 2021-02-04 07:32:38