🐛 [Bug]: [toolkit/pro] Cannot read properties of undefined (reading 'setCurrentNode')

[fengyon]

Version

v1.0.1

node-version

v18.14.1

Link to minimal reproduction

No response

Step to reproduce

tiny init pro

? 确认需要继续执行初始化,请输入(y) y
? 请输入项目名称： tiny-pro
? 请输入项目描述： 基于TinyPro套件创建的中后台系统
* 请选择您希望使用的客户端技术栈： vue
* 请选择您希望使用的服务端技术栈： 暂不配置

cd tiny-pro && npm run start

open console of browser after the project was started

What is expected

no errors in console

What is actually happening

Uncaught TypeError: Cannot read properties of undefined (reading 'setCurrentNode')
at index.vue:247:31

Any additional comments (optional)

No response

[fengyon]

问题根因：

opentiny/vue版本升级，一些内部方法不再支持。需要及时更新模板

临时解决措施：

修改代码
文件: src\components\menu\index.vue
修改代码:

1. 第9行

- :default-expanded-keys="[expandeArr]"
+ :default-expanded-keys="expandeArr"

2. 第25行

-  import { computed, watch, ref } from 'vue';
+ import { computed, watch, ref, onMounted } from 'vue';

3. 第238 - 251 行

  watch(
    () => router.currentRoute.value.path,
    (newValue) => {
      let data = newValue.split('/');
      let result = data[data.length - 1];
      const characters = [...result];
      characters[0] = characters[0]?.toUpperCase();
      expandeArr.value = characters.join('');
      setTimeout(() => {
        tree.value.$refs.tree.setCurrentNode({ id: expandeArr.value });
      }, 0);
    },
    { immediate: true }
  );

替换为

  onMounted(() => {
    watch(
      () => router.currentRoute.value.path,
      (newValue) => {
        const menuKey = newValue
          .replace(/^.*\//, '')
          .replace(/^[a-z]/, (s) => s.toUpperCase());
        expandeArr.value = [menuKey];
        tree.value.setCurrentKey(menuKey);
      },
      { immediate: true },
    );
  });

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

解决措施：
文件: src\components\menu\index.vue
修改代码:

1. 第9行

- :default-expanded-keys="[expandeArr]"
+ :default-expanded-keys="expandeArr"

2. 第25行

-  import { computed, watch, ref } from 'vue';
+ import { computed, watch, ref, onMounted } from 'vue';

3. 第238 - 251 行

  watch(
    () => router.currentRoute.value.path,
    (newValue) => {
      let data = newValue.split('/');
      let result = data[data.length - 1];
      const characters = [...result];
      characters[0] = characters[0]?.toUpperCase();
      expandeArr.value = characters.join('');
      setTimeout(() => {
        tree.value.$refs.tree.setCurrentNode({ id: expandeArr.value });
      }, 0);
    },
    { immediate: true }
  );

替换为

  onMounted(() => {
    watch(
      () => router.currentRoute.value.path,
      (newValue) => {
        const menuKey = newValue
          .replace(/^.*\//, '')
          .replace(/^[a-z]/, (s) => s.toUpperCase());
        expandeArr.value = [menuKey];
        tree.value.setCurrentKey(menuKey);
      },
      { immediate: true },
    );
  });

[GaoNeng-wWw]

我来修复这个问题

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Let me fix this