方法一：使用 HTML 换行标签

虽然 `el-alert` 默认会自动转义内容中的 HTML 标签，但我们可以通过设置 `disable-transclude` 属性来避免转义。这样就可以直接在内容中使用 `
` 标签来实现换行。

```vue

```

方法二：使用 CSS 实现换行

如果不想修改默认的转义行为，可以利用 CSS 的 `white-space: pre-wrap;` 属性。这个属性可以让文本保留空格和换行符，从而实现换行效果。

```vue

```

方法三：动态拼接内容

另一种方法是通过 JavaScript 动态地将换行符替换为 `
` 标签，并将其插入到 `el-alert` 的内容中。这种方法适合需要动态生成内容的场景。

```vue

<script>

export default {

data() {

return {

message: "第一行文字\n第二行文字",

};

},

computed: {

formattedMessage() {

return this.message.replace(/\n/g, '
');

},

},

};

</script>

```

总结

以上三种方法都可以有效地在 `el-alert` 中实现换行效果。根据具体需求选择合适的方式即可。无论是直接使用 HTML 标签、CSS 样式，还是通过 JavaScript 动态处理，都能满足不同的应用场景，让提示信息更加清晰易读。