zoukankan      html  css  js  c++  java
  • 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))
    

     

      

  • 相关阅读:
    CSS---伪类
    CSS---选择器
    CSS---如何引用样式表
    HTML-- 表单
    HTML-- 文本标签
    HTML--连接、锚点
    HTML--表格
    递归算法
    PHPCMS V9 友情链接的调用
    thinkcmf跳转用户登录和个人中心页面时出现Call to undefined function sp_sql_posts()错误
  • 原文地址:https://www.cnblogs.com/caolidan/p/9837795.html
Copyright © 2011-2022 走看看