话不多说直接就是干

在这里插入图片描述

// 选择会触发getname方法
getname() {
      // 获取当节点的值
      var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
      // 循环遍历当前节点的值
      for (var i in getlist) {
        // 判断子节点是否存在子节点 如果存在直接请求并且提示 false
        if(!getlist[i].hasOwnProperty("children")) {
          // 判断是否只选择一个 如果存在直接请求并且提示 false
          if(getlist.length == 1) {
            console.log(getlist[0].id)
          }else {
            this.$message.error("只选择一个节点");
            this.$refs.tree.setCheckedKeys([]);
            return
          }
        }else {
          this.$message.error("只能选择当前分类最后的子分类");
          this.$refs.tree.setCheckedKeys([]);
          return
        }
      }
    },

一起看一下效果吧

在这里插入图片描述
在这里插入图片描述

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐