[英]How do I call a Vue.js function from an external JavaScript file?
I have to call a Vue.js function from an external JavaScript file, but it's not working.我必须从外部 JavaScript 文件调用 Vue.js function,但它不起作用。 Below I have given the code that I have tried.
下面我给出了我尝试过的代码。
// external js file
import vm from './vue.js';
function callingVuejsFunction(data) {
this.vm.displayData()
}
// Vuejs file
var vm = new Vue({
el: '#app',
data: {
firstname : '' ,
lastname : ''
},
methods:{
displayData: function( ) {
alert()
}
}
})
You can use vm.$options.methods.displayData()
:您可以使用
vm.$options.methods.displayData()
:
var vm = new Vue({ el: '#app', data: { firstname: '', lastname: '' }, methods: { displayData: function(msg) { alert(msg) } } }) vm.$options.methods.displayData('I was called externally!')
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"></div>
export default { methods:{ my_function(){ alert('vue function trigger,.,') } }. created () { let _this = this window.addEventListener('ready', function() { _this.my_function() }) } }
Here is the perfect example of calling a vue method from javascript.这是从 javascript 调用 vue 方法的完美示例。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.