Vue插槽

插槽是模板

插槽的显示和如何显示取决于父组件
一个占位符但插槽的位置是由自己slot所写的位置决定的

主要涉及

1. 绑定数据
2. 插槽的显示

 data() {
    return {
sign_columns: [ {      
           title: "签核状态",
          dataIndex: "assignStatus",
          key: "assignStatus",
          ellipsis: true,
          align: "center",
          scopedSlots: { customRender: "render_status" }
        },
        .......
        ]
  }
1
2
3
4
5
6
7
8
9
10
11
12
13

template

 <a-table :data-source="signatureProcess" bordered  >
                <span slot="render_status" slot-scope="text, record">
                   <span style="color:#399700" v-if="record.assignStatus !='正在执行' &&  record.name=='发布人'">已发布span>
                   <span v-else>{{record.assignStatus}}span>
                span>
 a-table>
1
2
3
4
5
6