原创 Vue-router 報NavigationDuplicated解決方案

原因:Vue-router在3.1之後把$router.push()方法改爲了Promise, 所以當你使用router.push的時候,按照舊寫法沒有寫回調函數,則會拋出一個uncaught (in promise)的錯誤,交

原创 vue的v-if v-else複用元素機制

以前一直以爲v-if和v-else渲染的元素就應該是獨立的,直到前幾天渲染一個自定義的組件,v-if和v-else都引入了,例如 <a-form-item v-if="type===1"> <my-select/> </a-fo

原创 ant design vue 問題記錄

表格滾動到底部,翻頁的時候不會回到頂部 解決方法: 翻頁change事件獲取了列表之後,手動將scrollTop設爲0 async handleTableChange (pagination) { this.paginat

原创 vue You may have an infinite update loop in a component render function報錯

如標題所示,是在使用ant design vue的表格組件時引起的錯誤,報錯信息如下 首先,這個表格是在一個v-for的a-tab組件內的a-table 看錯誤信息表示無限更新的循環 後來發現,渲染表格內容時,調用了一個計算方法

原创 針對audio無法自動播放問題的h5播放方案

現在很多瀏覽器都不支持自動播放了,所以audio的autoplay標籤設置是沒有效果,用js觸發play()方法也是不會有效果額,除非一開始是靜音狀態 當前微信瀏覽器因爲微信的處理,可以在WeixinJSBridgeReady事件中進行觸

原创 ant design vue 表格如何開啓列排序

開啓排序 1、本地數據排序 column數據設置,需要開啓的列設置sorter: (a, b) => a.address.length - b.address.length, 自定義排序方法 2、服務端排序sorter設置true 點擊排

原创 vue 滾動加載無限長列表

結合vue-infinite-scroll和vue-virtual-sroller實現滾動加載無限長列表,帶有虛擬化(virtualization)功能,能夠提高數據量大時候長列表的性能,解決列表數據量大頁面卡頓問題 滾動加載vue-in

原创 ant design vue 表格a-table二次封裝,slots渲染問題

目的就是對a-table進行二次封裝,但是在如何顯示a-table的slot時遇到了問題,原本想法是在a-table內把$slots都渲染,期望在使用該組件時能正確渲染,然而。。。並不會正確渲染 <template> <a-tabl