这个this.$modal.confirm（） 换行我什么都用了/n,/r, <br/>都试了，就是换不了行怎么办

Question

这个this.$modal.confirm（） 换行我什么都用了/n,/r,
都试了，就是换不了行怎么办

但是用alert 就可以换行，很奇怪

Answer 1

在this.$modal.confirm()方法中需要使用
标签实现换行，但是需要注意的是，
标签需要在message属性中使用v-html指令才能生效。具体代码如下：

<template>
  <div>
    <button @click="showConfirm">点击弹出确认框</button>
  </div>
</template>
<script>
export default {
  methods: {
    showConfirm() {
      this.$modal.confirm({
        title: '确认删除',
        message: '确定要删除该条记录吗？<br>删除后将无法找回！',
        confirmButtonText: '删除',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        // 确认删除后的操作
      }).catch(() => {
        // 取消删除后的操作
      });
    }
  }
}
</script>