vue elementUi 提示组件的自定义内容

编程全靠CV

已于 2022-04-06 21:21:18 修改

阅读量1.6k

点赞数 2

于 2022-04-06 20:53:46 首次发布

本文链接：https://blog.csdn.net/weixin_44325832/article/details/123999595

版权

前端

在这里插入图片描述

	  const h = this.$createElement;
      this.$confirm('', {
        title:`删除交换订单`,
        message: h('div',null,[
            h('div',null,[
              h('span',null,`确定删除该交换订单信息`),
              h('div',null,``),
              h('span',null,`买家电话:`),
              h('span',{ style: 'color: #409EFF;' },row.buyUser||"‘ ’"),
              h('div',null,``),
              h('span',null,`买家姓名:`),
              h('span',{ style: 'color: #409EFF;' },row.buyRealname||"‘ ’"),
              h('div',null,``),
              h('span',null,`卖家电话:`),
              h('span',{ style: 'color: #409EFF;' },row.sellUser||"‘ ’"),
              h('div',null,``),
              h('span',null,`卖家姓名:`),
              h('span',{ style: 'color: #409EFF;' },row.sellRealname||"‘ ’")
            ]),
          ]),
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        //确定
        console.log('确定')
      }).catch((err) => {
        //取消
        console.log(取消)
      });