elementUI的树形控件tree添加title属性的方式（直接拷贝）

最新推荐文章于 2024-06-05 09:30:17 发布

凡人X

最新推荐文章于 2024-06-05 09:30:17 发布

阅读量5.2k

点赞数 2

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_38074535/article/details/105918153

版权

在这里插入图片描述

代码如下（根据自己的需求修改span下的内容即可）

 <el-tree
   :data="courseData.courseCategory"
   :props="defaultProps"
   node-key="id"
   accordion
   :title="id"
   @node-click="handleNodeClick">
     <span class="span-ellipsis" slot-scope="{ node, data }">
       <span :title="node.label">{{node.label.indexOf(".mp4") == -1? (node.label.length > 8? node.label.substring(0,8) + "..." : node.label):
       (node.label.substring(0,node.label.indexOf(".mp4")).length > 8? node.label.substring(0,node.label.indexOf(".mp4")).substring(0,8) + "..." : node.label.substring(0,node.label.indexOf(".mp4")))}}</span>
     </span>
 </el-tree>