效果
通知内容
- 先把notify面板要显示的内容组织好 语法很容易看懂
const h = this.$createElement
const hrender = h('p', null, [
h('div', [
h('div',title),
h('div',content),
h('div',author),
h('div',time),
], null),
h('button', {
class: '样式',
}, "做事情"),
])
通知主体 根据官网写法
this.$notify({
title: '提示',
dangerouslyUseHTMLString: true,
message: hrender,
type: 'warning',
position: 'bottom-right',
duration: 0,
onClick: () => {
this.toApproval(approvalQuery)
},
onClose: () => {
console.log(`Notify已关闭,说明异常或已查看`)
}
})
禁止面板重叠
data() {
return {
notifyPromise: Promise.resolve(),
... ...
this.notifyPromise = this.notifyPromise.then(this.$nextTick).then(()=>{
this.$notify({
... ...
})
关闭
关闭某个
const instance = this.$notify({
... ...
instance.close()
关闭全部
this.$notify.closeAll()