pandas显示全部数据内容_vue项目，当鼠标移入时文本长度超出才显示全部内容

这是一个UI 优化的需求~ 需求说明 需要实现的效果呢，就是下图这个样子(截图的时候光标就会消失，只好拍照咯~)。

鼠标滑入显示全部文字内容，就是在文本上加个title属性，而且这是个数组循环出来的列表，这就导致了列表的所有文本在鼠标滑入时都会显示文字。 我们这里的优化需求是，文本内容很长的时候(至少都出现了省略号了嘛)，鼠标滑入才显示全部文字内容。 解决方案 dom结构改造 解决思路先要明确，在文本标签上再套个容器，固定外容器的宽度，计算文本标签的长度，相比较，超出时候才会在文本标签上添加title属性。 按照这个思路，页面结构就这样写

<div v-for="(item, i) in formList" :key="i">  <div @click="viewMyForm(item)">    <i :class="$style.formIcon">i>    <div :class="$style.title">      <