vue2项目的el-toolti怎么设置换行

在 Vue2 中，Element UI 的 el-tooltip 提供了一个选项叫做 `split` 或者 `inline-template` 来控制提示内容是否换行。如果你想让 tooltip 内容换行，可以按照以下步骤设置：

1. 使用 HTML 模板模式 (`v-html`)：
如果你需要在 tooltip 内插入 HTML 标签以实现换行，可以在模板选项中添加 `<br>` 标签：

   <el-tooltip :content="'<p>这是有换行的内容</p>'" placement="top">
     <!-- 这里是触发 tooltip 的元素 -->
   </el-tooltip>

2. 使用 `split` 字符串选项：
如果你只是简单地想分割 tooltip 文字，并非实际的HTML标签换行，你可以将字符串用逗号分隔：

   data() {
     return {
       tooltipContent: '这是换行的内容, 第二行',
     }
   },
   template: `
     <el-tooltip :content="tooltipContent" split>
       <!-- ... -->
     </el-tooltip>
   `,

当然，这不会自动创建新的行，而是会显示为一个较长的一行。

3. 如果你想通过 CSS 实现换行效果，需要配合 `white-space: pre-line` 或者 `word-break: break-all` 属性，但这通常更适合处理文本而不是纯文字的换行。

记住，使用 `v-html` 可能存在安全风险，因为它会在 DOM 中解析 HTML，所以在引入外部数据时要特别注意防止 XSS 攻击。