H5-Jquery和Vue同時使用衝突

天堂比不過家鄉啦發表於2020-10-29

H5-JQuery和Vue同時使用衝突

1.Vue的mounted

例項被掛載後呼叫,這時 el 被新建立的 vm.$el 替換了。如果根例項掛載到了一個文件內的元素上,當 mounted 被呼叫時 vm.$el 也在文件內。

注意 mounted 不會保證所有的子元件也都一起被掛載。如果你希望等到整個檢視都渲染完畢,可以在 mounted 內部使用 vm.$nextTick

mounted: function () {
  this.$nextTick(function () {
    //JQ
  })
}

2.載入頁面先執行VUE

$(document).ready(function () {
    //先執行vue
    var app = new Vue({
        el: '#app',
        data: {
        hello: 'Hello Vue',
        zxmbList: zxmbList,
        zxmpfbzbList: zxmpfbzbList,
    }
  $(function () {})
    //再jQ
}) 

相關文章