代码之家  ›  专栏  ›  技术社区  ›  ORStudios

从v-on在另一个视图实例中调用Vue方法:单击同一页面?

  •  0
  • ORStudios  · 技术社区  · 4 年前

    我正在将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调用它吗。

    0 回复  |  直到 4 年前