1. 程式人生 > >vue 專案技巧

vue 專案技巧

1、!! 強行轉化

checkbox 繫結disable 的時候,經常沒有效果,使用!! 強行轉化為boolean型別就好了,或者判斷一個值存在是否,不存在顯示‘--’

 <el-checkbox :label="label" :disabled="!!disable"></el-checkbox>

{{!!key?key:'--'}}

2、setTimeout(()=>{},0) 佇列最後執行

Tree 高亮顯示其中的某一節點,我們一般操作是先獲取資料顯示高亮,載入樹,顯示頁面,這個時候是無法用setCurrentKey 設定的,因為樹還未載入完。用setTimeout 

setTimeout(() => {
                // 預設選中第一個葉子節點
                this.$refs.aTree.setCurrentKey(result.Id)
              }, 0)

3、兩陣列篩選,篩選出arrObj 中id 和arr 中數值相等的物件,方法很多,不推薦兩次遍歷

 let arr =['1'.'2']
let arrObj=[{id:'1',name:'a'},{id:'2',name:'b'},{id:'3',name:'c'}]
 let v = this.arrObj.filter(item => {
        
if (arr.indexOf(item.id) > -1) { return item } })

4、自定義資料物件obj 內含好多屬性,賦值時

 this.obj= Object.assign(this.obj, result.obj)  

 Object.assign 只有最外層做了深拷貝,其他都是淺拷貝

深拷貝:

const obj1 = JSON.parse(JSON.stringify(obj))