使用v-for和Bootsrtap-Vue添加多个v.slots

<template>
  <div>
    <b-card v-for="(item, index) in items" :key="index">
      <template v-slot:header>
        <!-- 插入头部内容 -->
        <h3>{{ item.title }}</h3>
      </template>
      <template v-slot:default>
        <!-- 插入默认内容 -->
        <p>{{ item.content }}</p>
      </template>
      <template v-slot:footer>
        <!-- 插入底部内容 -->
        <button @click="handleClick(index)">点击</button>
      </template>
    </b-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { title: '标题1', content: '内容1' },
        { title: '标题2', content: '内容2' },
        { title: '标题3', content: '内容3' }
      ]
    };
  },
  methods: {
    handleClick(index) {
      // 处理点击事件
      console.log('点击了第' + (index + 1) + '个卡片');
    }
  }
};
</script>