写一个简单的按钮点击确认框信息的时候,发现换行不能用\n。用了< br>发现也是字符串的输出形式
去查了下发现需要使用$createElement来创建

  const h = this.$createElement
      this.$confirm('提示', {
        title: '提示',
        message: h('div', [h('p', '是否将该账号密码重置为初始密码?'), h('p', '成功后将密码设为默认密码,默认密码为用户账号')]),
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          resetPasswords(params).then((res) => {
            if (res.code == 200) {
              this.$message.success('重置密码成功')
            }
          })
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消重置密码',
          })
        })

在这里插入图片描述
修改里面的样式

 message: h('div', [h('p', { style: 'font-size: 18px;margin-bottom:10px;' },'是否将该账号密码重置为初始密码?'), h('p', '成功后将密码设为默认密码,默认密码为用户账号')]),

添加class

如果写成h('div',{class:'...'})就可以定义class,如:

 h('i', { class: 'el-icon-question' })
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐