Vue 通过 render 函数动态渲染时使用具名插槽
最近在项目中遇到使用 render 函数创建插槽的情景,通过 scopedSlots 属性实现,使用方法如下:let table = h('table', {style: {}props: {}scopedSlots: {// 插槽名slotDemoName: (scope) => {retur...
·
最近在项目中遇到使用 render 函数创建插槽的情景,通过 scopedSlots 属性实现,使用方法如下:
let table = h('table', {
style: {}
props: {}
scopedSlots: {
// 插槽名
slotDemoName: (scope) => {
return h('button', {
props: {},
on: {
click: () => {
deleteRowData(scope.$index);
}
}
}, '删除');
}
}
});
网上相关说明较少,特此记录一下。
更多推荐
已为社区贡献4条内容
所有评论(0)