elementui this.$modal.confirm 添加html语句

你可以在 `this.$modal.confirm` 的 `content` 属性中添加HTML语句：

this.$modal.confirm({
  title: '确认提示',
  content: '<p>这是一个带有HTML语句的确认提示框。</p><p>请确认是否继续？</p>',
  onOk: () => {
    // 确认操作
  },
  onCancel: () => {
    // 取消操作
  }
});

请注意，添加HTML语句可能会增加安全风险，请确保你信任并且不会从用户获取恶意代码。

相关问题

elementui this.$modal.confirm 添加动态的html语句

要在 Element UI 的 Modal 组件中添加动态的 HTML 语句，可以使用 `v-html` 指令来动态绑定 HTML。具体步骤如下：

1. 在 Modal 的主体内容中添加一个带有 `v-html` 指令的元素，例如：

<template>
  <div>
    <el-button @click="showModal">打开 Modal</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <div v-html="dynamicHtml"></div>
    </el-dialog>
  </div>
</template>

2. 在 Vue 实例中定义一个变量来保存需要动态绑定的 HTML 代码，例如：

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dynamicHtml: '',
    };
  },
  methods: {
    showModal() {
      this.dynamicHtml = '<p>这是动态绑定的 HTML 代码</p>';
      this.dialogVisible = true;
    },
  },
};
</script>

这样，当 Modal 弹窗显示时，`v-html` 指令会将 `dynamicHtml` 变量中保存的 HTML 代码渲染到对应位置上。需要注意的是，由于 `v-html` 指令会将 HTML 解析为 DOM 元素，因此需要确保动态绑定的 HTML 代码是安全的，避免 XSS 攻击。

this.$Modal.confirm

this.$Modal.confirm是一个前端框架（可能是Vue或者ElementUI等）中的一个方法，用于在用户进行某个操作时弹出一个确认框，以便用户确认是否要执行该操作。根据引用和引用的代码片段来看，this.$Modal.confirm方法接受一个参数作为提示信息，并返回一个Promise对象。当用户点击确认按钮时，Promise对象会被resolve，可以执行相应的操作；当用户点击取消按钮时，Promise对象会被reject，可以执行相应的操作。这个方法通常用于需要用户确认的操作，例如删除操作、重要的设置操作等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [this.$modal.confirm的使用方法](https://blog.csdn.net/m0_72167535/article/details/128051409)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [antd-vue 弹窗（modal）this.$confirm，不点击确定或取消按钮，关闭弹窗](https://blog.csdn.net/YQxyqX555/article/details/119330439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]