vue 專案技巧
阿新 • • 發佈:2018-11-01
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))