vue给标签动态绑定title

最新推荐文章于 2024-07-22 23:25:17 发布

原创最新推荐文章于 2024-07-22 23:25:17 发布 · 1.1w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #标签动态绑定title

收录于

Vue 专栏收录该内容

25 篇文章

订阅专栏

本文介绍在Vue中如何为标签如span、div等动态绑定title属性，实现文本溢出时显示完整信息，通过实例展示了log数据的动态绑定过程。

vue给标签动态绑定title

在利用vue开发时，如果标签宽度比较小，我们需要利用
overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
对其进行隐藏，但隐藏后如何读其信息，我们一般采用给标签如span、div、p添加title，但在vue中如何动态绑定呢？直接上代码（这里span我们要设置display：block 或者inline-block，上述style属性才可以使用）
在这里插入图片描述

logList: [
					 {items:'2018-12-13 17:40:15 带回2534'},
					 {items:'2018-12-13 17:40:15 带回45344'},
					 {items:'2018-12-13 17:40:15 带回757223'},	
				],