element this.$confirm确定框内容换行显示

最新推荐文章于 2024-10-15 17:59:52 发布

原创最新推荐文章于 2024-10-15 17:59:52 发布 · 6.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue #element

vue 专栏收录该内容

92 篇文章

订阅专栏

本文介绍了一个使用Vue.js创建确认框的示例，通过循环遍历数组生成多个确认消息，展示了如何在Vue中使用$createElement和$confirm方法来构建动态的提示信息。

  // 把写的提示信心需要换行的地方分成数组 confirmText
const confirmText = ['是否将产品001从我的自选中移出？',  '是否将产品002从我的自选中移出？'] 
        const newDatas = []
        const h = this.$createElement
        for (const i in confirmText) {
          newDatas.push(h('p', null, confirmText[i]))
        }
        this.$confirm(
          '提示',
          {
            title: '提示',
            message: h('div', null, newDatas),
            showCancelButton: true,
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        ).then(() => {
          
        })