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
})