H5-Jquery和Vue同時使用衝突
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
})
相關文章
- JavaScript中解決jQuery和Prototype.js同時引入衝突問題JavaScriptjQueryJS
- iis和tomcat同時執行,完美解決80埠衝突問題Tomcat
- win10系統下360與windows defender衝突不能同時使用如何解決Win10Windows
- 使用臨時表解決表衝突一例
- Activemq和Rabbitmq埠衝突MQ
- oracle客戶端同sap衝突的問題Oracle客戶端
- mysql 新增時,唯一索引衝突時更新MySql索引
- IP衝突 資料庫時斷時續資料庫
- Android Webview和ScrollView衝突和WebView使用總結AndroidWebView
- 科研和工作並不衝突
- POP Animation 和 layoutSubviews 的衝突View
- 使用 Vue Demi 構建同時相容Vue2和Vue3的元件庫Vue元件
- svn檔案衝突,樹衝突詳解
- 依賴衝突時的解決方法
- wsl docker 和 ubuntu 衝突問題DockerUbuntu
- 為什麼docker 網段衝突會和宿主機衝突?原因分析和解決方案Docker
- commit 衝突MIT
- 雜湊衝突
- Elasticsearch和亞馬遜之間的衝突 - protocolElasticsearch亞馬遜Protocol
- 解決jquery和其他庫的衝突jQuery
- SVN衝突解決和注意事項
- Velocity中使用SSI指令有衝突
- VUE動態(自動)Loading【繫結到URL】,同頁面多個Loading互不衝突Vue
- 【待改善】Centos7與windows7網路衝突,二者無法同時上網CentOSWindows
- 使用 etcd 和 grpc 遇到的版本衝突的那些事兒RPC
- Laravel 6.0 的 predis 和 phpredis 衝突的原因LaravelRedisPHP
- Flutter和iOS手勢衝突解決思路FlutteriOS
- 安裝vcenter server埠 80 和 IIS 衝突Server
- jquery和dwr的util.js方法衝突jQueryJS
- 部落衝突使用者運營策略分析
- 使用SUI與JQuery衝突的解決方法UIjQuery
- Git 解決衝突Git
- jQuery的$命名衝突jQuery
- git 解決衝突Git
- 查詢maven衝突Maven
- jQuery多庫衝突jQuery
- Git多分支 遠端倉庫 協同開發以及解決衝突Git
- 批量插入資料時主鍵衝突的處理