element plus vnode

Element Plus的组件库中，可以通过在ElNotification组件的message属性中渲染一个Vue.VNode来实现更复杂的功能。\[2\]在官方文档中，给出了两种基本写法来使用message属性。一种是将message属性设置为一个字符串，例如`ElMessage('this is a message.')`。另一种是将message属性设置为一个通过h函数构造的VNode，例如：

ElMessage({
  message: h('p', null, \[
    h('span', null, 'Message can be '),
    h('i', { style: 'color: teal' }, 'VNode'),
  \]),
})

通过这种方式，可以在ElNotification组件中渲染出更加复杂的内容，比如包含HTML标签和样式的消息。
#### 引用[.reference_title]
- *1* [从零开始Vue3+Element Plus后台管理系统(十)——自定义水印指令与全局注册](https://blog.csdn.net/immocha/article/details/130681243)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [【Element-plus+Vue3】使用VNode作为ElNotification组件的message属性](https://blog.csdn.net/Catherine_qingzhu/article/details/129928458)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]