javascript - 如何制作 v-slot: cell () - Vue.js

Question

我想在 Bootstrap Vue table 中制作一个 v-slot v-slot: cell ()。

我尝试了几种方法，但都失败了。

<template>
  <div>
    <slot name="[nama,pakai]" :item="db">
      <p style="font-size: 24px;">
        {{ db }}
      </p>
    </slot>
  </div>
</template>
<script>
export default {
  data: () => ({
    db: {
      key: 'nama',
      pakain: 'es',
    },
  }),
  methods: {
    datas(db) {
      console.log(db)
      switch (db) {
        case 1:
          console.log('ok one')
          break
        case 2:
          console.log('ok two')
          break
      }
    },
  },
}
</script>

<!-- page-->
<template v-slot:name(qc)="row">
{{row}}
</template>

以前我寻找文档但没有找到这样的方法。

标签： javascriptvue.jsnuxt.js