iview Tree控件 后端传输ID值 前端获取到并且显示为selected

您好，感谢您的提问。关于iview Tree控件后端传输ID值，前端获取并显示为selected的问题，可以按照以下步骤实现：

1. 后端传输ID值：在后端编写代码，将需要的ID值传输给前端，可以使用JSON格式进行传输。

2. 前端获取ID值：在前端页面中使用axios等工具发送请求，获取后端传输的ID值，并将其保存在前端的数据中。

3. 显示为selected：使用iview Tree控件的selected属性，将前端获取的ID值进行匹配，将匹配成功的节点设置为选中状态。

以下是示例代码：

后端代码：

// 假设需要传输的ID值为1
const data = {
  id: 1
}
res.json(data);

前端代码：

<template>
  <Tree :data="data" :selected="selectedKeys" @on-select-change="handleSelectChange"></Tree>
</template>

<script>
import axios from 'axios';
export default {
  data() {
    return {
      data: [], // Tree控件数据源
      selectedKeys: [] // 选中的节点ID值
    }
  },
  created() {
    // 发送请求，获取后端传输的数据
    axios.get('/api/data').then(res => {
      this.data = res.data;
      // 将需要选中的节点ID值保存在selectedKeys中
      this.selectedKeys = [res.data.id];
    })
  },
  methods: {
    handleSelectChange(keys) {
      // 将选中的节点ID值保存在selectedKeys中
      this.selectedKeys = keys;
    }
  }
}
</script>

在以上示例代码中，后端传输的ID值为1，前端页面获取到ID值后，将其保存在selectedKeys中，并在Tree控件的selected属性中使用。当选中的节点ID值与传输的ID值匹配时，该节点会被设置为选中状态。