base-table 加入动态slot 流程 vue2
columns
{
title: '字段标题',
slot: 'yourSlotName',
minWidth: 50,
align: 'center'
},
组件内
props: {
columns: {
type: Array,
default () {
return []
}
},
mounted () {
this.getSlot()
data () {
return {
slotArr: [],
methods: {
getSlot () {
this.slotArr = []
this.columns.forEach(item => {
if (item.slot) {
this.slotArr.push(item.slot)
}
})
},
组件外部调用
<base-table>
<template slot-scope="{ row, index }"
slot="yourSlotName">
<Button type="text"
v-if="row.yourSlotName"
@click="showData(index)"
size="small">{{ row.yourSlotName}}</Button>
</template>
</base-table>
---------------------------------------------
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)