antdesign对话框this.$info、this.$success、 this.$error、this.$warning、this.$confirm提示，content设置html格式展示

原创已于 2024-04-28 14:58:59 修改 · 807 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js #Modal对话框 #antdesign

于 2024-04-24 15:03:32 首次发布

该博客聚焦前端开发，涉及JavaScript、Vue.js技术，着重介绍了Ant Design中的Modal对话框相关内容，为前端开发者在使用Vue构建项目时，运用Ant Design组件库实现对话框功能提供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let string = 'TIR-xxxx-11 SKU BE市场市场信息未维护完整;TIR--11 SKU WrCA市场市场信息未维护完整'        
let errMsg = string .split(';')
          // 将数组中的每个元素转换为带有换行符的字符串
          let errorMessage = errMsg.map(item => item + '<br>').join('')
          // 后端接口校验的数据参数填写不完整时接口报错弹窗提示
          this.$error({
            title: '错误',
            content: h => {
              return h('div', { domProps: { innerHTML: errorMessage } })
            }
          })