Element-ui Notification 通知自定义插入HTML片段_element 通知在自定义div上使用v-html

Notification 通知

自定义HTML片段，可以添加按钮、CSS样式、点击事件等

<template>
  <el-button plain @click="open1">
    自定义HTML
  </el-button>

methods: {
      open1() {
          const h = this.$createElement
	      this.notify = this.$notify({
	            title: '自定义HTML',
	            dangerouslyUseHTMLString: true,
	            message: h('div',{
	              class:'personnel'
	            },[
	              h('p',{class:'isCreate'},'新增成功!'), 
	              h('p',{class:'isCreate'},'是否自定义HTML?')),
	              h('div',{class:'personnel-btn'},[
	                h('el-button',{
	                  on:{
	                    click:this.toCreate
	                  }
	                },'确定'),
	                h('el-button',{
	                  on:{
	                    click:this.userClose
	                  }
	                },'取消')
	              ])
	            ]),
	            type: 'success',
	            offset: 100,  // 向下偏移100
	            duration: 0  // 设置不会自动关闭
	        })
      }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

总之，按照这个方法，你可以在通知里面 添加你想要的组件，样式（套娃）