elementUIPLUS的el-tree-select组件,选择后显示全路径名称

对于elementUIPLUS的el-tree-select组件，可以通过设置显示节点的文本属性来实现显示全路径名称。具体实现方法如下：

1. 首先，在el-tree-select组件中设置node-key属性为节点的唯一标识符，例如"id"或"path"等。

2. 在el-tree-select组件中的插槽中添加一个template标签，并设置slot-scope属性为"props"，表示接收节点的属性。

3. 在template标签中使用el-tooltip组件来显示节点的全路径名称。其中，设置content属性为节点的path属性，通过props.node[path]来获取节点的path属性值。

4. 在el-tree-select组件中设置filter-node-method属性为一个函数，用于过滤节点。在该函数中，使用props.node[path].toLowerCase().indexOf(query.toLowerCase()) > -1来判断节点是否匹配查询条件。

示例代码如下：

<el-tree-select v-model="value" :data="treeData" node-key="id" :filter-node-method="filterNode">
  <template slot-scope="{ props }">
    <el-tooltip :content="props.node.path" placement="top-start">
      {{ props.node.label }}
    </el-tooltip>
  </template>
</el-tree-select>

...

methods: {
  filterNode(value, data) {
    if (!value) return true;
    return data.path.toLowerCase().indexOf(value.toLowerCase()) !== -1;
  }
}