vue this.$confirm中提示的文字换行

写一个简单的按钮点击确认框信息的时候,发现换行不能用\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: '已取消重置密码',
          })
        })

vue this.$confirm中提示的文字换行_第1张图片
修改里面的样式

 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' })

你可能感兴趣的:(vue,vue.js,前端,javascript)