vue table 里面 slot 的模板复用 slot-scope template v-for

发布时间 2023-04-13 16:27:10作者: 彭成刚

vue table 里面 slot 的模板复用 slot-scope template v-for

需求

经常在table里面要有自定义列,但是会有相同的自定义列,这个时候又不想写很多一样的template,就可以用这种方式

代码

<template :slot="slotName" v-for="slotName in [
      'slotName1',
      'slotName2',
      'slotName3',
      'slotName4'
      ]" slot-scope="{row, index}">
        <AutoTipZen :key="slotName" :iTitle="row[slotName]">{{ toLine(row[slotName]) }}</AutoTipZen>
      </template>