我正在将Vue集成到我的网站中,我的页面上有几个实例。我想在第二个实例中单击第一个按钮时调用一个方法。
<div id="app">
<div class="sc_menu_btn" v-on:click="menu_mobile.show_menu()"></div>
</div>
var app_1 = new Vue({
el: '#app'
})
var menu_mobile = new Vue({
el: '#mobile-menu',
data: {
isActive: false
},
methods: {
show_menu: function () {
this.isActive = true;
},
remove_menu: function () {
this.isActive = false;
}
}
})
但是,如果我在app_1中放置一个方法并调用它,然后调用show_menu(),上述方法就不起作用了。
show_mobile_menu: function() {
menu_mobile.show_menu();
}
知道我为什么不能直接从html调用它吗。