Question

我在jquery移动网站中集成了一个小vue应用程序。发生了什么：我第一次在网站内的vue应用程序的页面的URL上进行访问。然后我滚动，我得到console.log说＆＃34;滚动＆＃34;。

如果我转到另一个页面并返回包含vue应用程序的页面，或者如果我进入带有另一个页面的URL的站点，我转到带有vue应用程序的页面，我得到console.log说＆＃34; applyEvents＆＃34;但是当我滚动时我什么都没得到

// app.js
methods: {
    scroll(){
        console.log("scroll")
    },
    applyEvents(){
        console.log("applyEvents")
        jQuery(window).on('scroll', this.scroll);
    }
},
mounted(){
    this.applyEvents()
},
beforeDestroy(){
    console.log("beforeDestroy")
    jQuery(window).off('scroll', this.scroll);
}

// main.js

jQuery(document).ready(() => {
    var vueFeed = null;
    jQuery(window).on("pagebeforehide", (event) => {
        if(vueFeed){
            console.log("destroying")
            vueFeed.$destroy()
        }
    })
    jQuery(window).on("pageshow", (event) => { 
        if(jQuery.mobile.activePage.attr('id') == "page-dashboard"){
            vueFeed = new Vue({
                el: '#feed',
                template: '<App/>',
                components: { App }
            })
        }
    })
})

//编辑如果我从控制台出来并执行$ vm.applyEvents（）我得到console.log说＆＃34; applyEvents＆＃34;滚动工作

Vquery移动中的Vue滚动事件

0 个答案: