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

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

img

img

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

img

在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>

使用html标签

this.$confirm("<strong>你好</strong><br/>客户!", "Titlte", {
      dangerouslyUseHTMLString: true,
 });

img