在vue环境中不支持在el-tooltip的content元素中使用<br>标签

在Vue.js环境下，虽然`el-tooltip`组件本身来自Element UI库，但它实际上是由原生的HTML和JavaScript构成的。然而，直接在`el-tooltip`的`content`属性中使用`<br>`标签并不被Vue.js直接解析和支持，因为Vue不会处理HTML标签，它更倾向于将数据绑定到模板上，而非HTML结构。

如果你想在内容中换行，你需要将其作为字符串传递给`content`属性，并确保在渲染时转换成合适的DOM形式。例如，你可以创建一个计算属性，然后使用JavaScript的`replace()`函数替换`<br>`为`&lt;br&gt;`这样的转义序列：

data() {
  return {
    tooltipContent: "这是第一行\n这是第二行"
  };
},
computed: {
  formattedTooltipContent() {
    return this.tooltipContent.replace(/\n/g, '<br>');
  }
},
template: `
<el-tooltip :content="formattedTooltipContent" placement="top"></el-tooltip>

这样在渲染时，`<br>`会被正确地转换为HTML中的换行符。