# 定制化自定义布局
对于需要高度自定义布局的样式
提供字段接受一个虚拟dom片段
以实现定制化的需求
对于渲染函数 可以看https://cn.vuejs.org/v2/guide/render-function.html
# 配置项
param | type | default | desc |
---|---|---|---|
vnode | VNode | null | 传入虚拟dom |
# 基础用法
let vnode = this.$createElement('div', {
class: 'quanyi-dialog-message'
},
this.quanyi.map(item => this.$createElement('div', {
class: 'quanyi-dialog-message-item'
}, [
this.$createElement('img', { attrs: { src: item.cover, style: 'width: 33px;margin-bottom: 0.1rem' }, class: 'quanyi-dialog-message-item-cover' }),
this.$createElement('div', { class: 'quanyi-dialog-message-item-title' }, item.title),
this.$createElement('div', { class: 'quanyi-dialog-message-item-desc' }, item.desc)
]))
)
this.dialogX.confirm({
title: '取消自动续费',
vnode
})