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