ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

element-ui API

2022-07-08 14:37:10  阅读:291  来源: 互联网

标签:status node cur element item API let ui null


记element-ui权限树的一些问题

element-ui内置的setChecked函数有点问题

所以自己重写了一下


    /**
     * fuck element-ui
     */
    checkParent(data, TreeData) {
      let toDoDeal = [];
      function permListFind(node, val) {
        for(let item of node) {
          if(item.id == val) return item;
          if(item.children != null) {
            let nxtStep = permListFind(item.children, val);
            if(nxtStep != null) return nxtStep;
          }
        }
        return null;
      }
      function permListSet(node, status) {
        if(node == null) return ;
        toDoDeal.push(node.id);
        if(node.children != null) {
          for(let item of node.children) {
            permListSet(item, status);
          }
        }
      }
      let status = 0;
      for(let i of TreeData.checkedKeys) {
        if(i == data.id) {
          status = 1; 
          break;
        }
      }
      this.$refs.permTree.setChecked(data.id, status);


      //选中子节点,如果父节点未被选中,则选中父节点
      if (status == true) {
        let cur = permListFind(this.permList, data.pid)
        while(cur != null) {
          this.$refs.permTree.setChecked(cur.id, 1);
          cur = permListFind(this.permList, cur.pid);
        }
      }


      if(data.children != null) {
        let cur = permListFind(this.permList, data.id);
        toDoDeal.length = 0;
        permListSet(cur, status);
        console.log(toDoDeal);
        for(let item of toDoDeal) {
          this.$refs.permTree.setChecked(item, status);
        }
      }
      


    },

element-ui整数校验不生效的问题

加了type: integer之后仍然无法生效,查了一下,原因是在v.model的时候,里面的内容会自动当成字符串来处理,

解决方法是把v-model改成v-model.number

标签:status,node,cur,element,item,API,let,ui,null
来源: https://www.cnblogs.com/attack204/p/16458175.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有