element 换行虚线

Element UI 中的文本换行虚线可以通过 `el-tooltip` 组件实现，具体步骤如下：

1. 在需要添加换行虚线的元素上添加 `el-tooltip` 组件，并设置 `content` 属性为需要显示的文本内容。

<el-tooltip :content="text">
  <span>{{ text }}</span>
</el-tooltip>

2. 为 `el-tooltip` 组件添加样式 `display: inline-block;`，使其可以在一行内显示。

<el-tooltip :content="text" style="display: inline-block;">
  <span>{{ text }}</span>
</el-tooltip>

3. 为 `el-tooltip` 组件添加样式 `border-bottom: 1px dashed #999;`，使其显示为虚线。

<el-tooltip :content="text" style="display: inline-block; border-bottom: 1px dashed #999;">
  <span>{{ text }}</span>
</el-tooltip>

4. 为 `el-tooltip` 组件添加样式 `white-space: pre-wrap;`，使其在文本内容过长时自动换行。

<el-tooltip :content="text" style="display: inline-block; border-bottom: 1px dashed #999; white-space: pre-wrap;">
  <span>{{ text }}</span>
</el-tooltip>

这样，就可以实现 Element UI 中的文本换行虚线效果。