antd this.$confirm框中的数据content怎么换行

• Z时代
• 2024-02-12
• 分类：IT

确认框需要在接口返回数据后 如果有数据 就弹出
数据返回字符串的格式类似于111</br>2222</br>3333</br>,怎么展示在content中让他换行显示，有人有处理过吗能帮忙解答一下吗

this.$confirm({
  title: '是否继续操作?',
  content: ？？,
  onOk() {},
  onCancel() {},
 });

回答：

没写版本，当作是 1.X 好了（基于 Vue 2.X）。其余的也类似，自己看官方文档。

如果是固定的 template，那么可以直接写 JSX：

this.$confirm({
  title: '是否继续操作?',
  content: (
    <div>111<br>222<br>333</div>
  ),
  onOk() {},
  onCancel() {},
});

注意那对儿括号不能省。

但你这个数据是来自后台接口的话，就需要手写渲染函数了：

let html = '<div>111<br>222<br>333</div>';
this.$confirm({
  title: '是否继续操作?',
  content: (h) => {
    return h('div', {
      domProps: {
        innerHTML: html
      },
    }, []);
  },
  onOk() {},
  onCancel() {},
});

P.S. 动态渲染 HTML 要注意防范 XSS。

以上是 antd this.$confirm框中的数据content怎么换行 的全部内容， 来源链接： utcz.com/p/936856.html