el-tree树形拖拽菜单刷新默认点击第一个、非默认选中vue3

记录学习的邹邹

已于 2022-11-29 13:08:39 修改

阅读量747

点赞数

文章标签： vue.js elementui javascript

于 2022-11-22 10:44:18 首次发布

本文链接：https://blog.csdn.net/weixin_48290402/article/details/127978318

版权

树形拖拽菜单刷新默认点击第一个、非默认选中。

ref="tree" node-key="id", setCurrentKey=>选中高亮

    const treeRef = ref(null);
    watch(
      () => tree.data,
      (nVal) => {
        if (nVal) {
          console.log(nVal[0].id);
          $nextTick(() => {
            if (diffType.value == 'add') {
              treeRef.value.setCurrentKey(nVal[nVal.length - 1].id) ;
            } else {
              treeRef.value.setCurrentKey(nVal[0].id) ;
            }
          });
        }
      }
    );

watch(
      () => tree.data,
      (nVal) => {
        if (nVal) {
          $nextTick(() => {
            if (diffType.value == 'add') { //添加到最后一个 默认选中最后一个
              let arr = document.querySelectorAll('.el-tree-node');
              arr[arr.length - 1].click();
            } else {
              document.querySelector('.el-tree-node__content').click();//默认选中第一个
            }
          });
        }
      }
    );