Vue.js使用this.$confirm换行显示提示信息实例

creatNew(){
 const h = this.$createElement
        this.$confirm('提示', {
          title: '提示',
          message: h('div', [
            h('p', '新建会导致之前设置失效'),
            h('p', '是否继续新建？')
          ]),
          confirmButtonText: '确定',
          cancelButtonText: '取消'
        }).then(() => {
        ....//调用新建方法
        }).catch(()=>({}))//不要忘记catch
        //最后可以.finally(()=>({}))
        }

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

h('el-tooltip',{props:{
					content: (function() {
                  	return '弹出信息'
                  	})(),
                	placement: 'top'
                	}})

h('div', [
            h('p', '第一个p'),
            h('p', '第二个p')
          ])

let _this = this

			const _this = this
            this.$confirm({
              title: '當前郵件正文内容爲空',
              content: h => <div style="color:red;">確認是否發佈?</div>,
              onOk () {
                console.log('保存提交的对象', this.objData)
                _this.loading = true
                initAxios.saveMail(_this.objData).then((res) => {
                  _this.loading = false
                  if (res.data.code === '200' && res.data.result) {
                    _this.$router.go(-1) // 处理返回需要点两次的问题
                    _this.$message.success('發佈成功！')
                  }
                })
              },
              onCancel () {
                return false
              }
            })