vue3+view-ui-plus中tree组件点击切换页面

要实现点击 Tree 组件中的节点切换页面，需要监听 Tree 组件的节点点击事件，在点击事件中获取节点的数据，然后根据数据中的路由信息切换页面。

以下是一个简单的示例代码：

<template>
  <div>
    <el-tree :data="treeData" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '首页',
          route: '/'
        },
        {
          label: '文章',
          children: [
            {
              label: '技术',
              route: '/articles/tech'
            },
            {
              label: '生活',
              route: '/articles/life'
            }
          ]
        },
        {
          label: '关于',
          route: '/about'
        }
      ]
    }
  },
  methods: {
    handleNodeClick(data) {
      if (data.route) {
        this.$router.push(data.route)
      }
    }
  }
}
</script>

在上面的代码中，我们在 Tree 组件中定义了一些节点，并在节点的数据中添加了路由信息。当用户点击节点时，我们通过 `handleNodeClick` 方法获取节点的数据，如果数据中包含路由信息，则使用 `$router.push` 方法切换页面。这样就可以实现通过 Tree 组件切换页面啦！