在bootstrap vue中使用文件和数组

<!-- 引入Bootstrap的CSS文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">

<!-- 引入Vue的JS文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

<!-- 引入Bootstrap Vue的JS文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>

// 创建Vue实例
new Vue({
  el: '#app',
  data: {
    files: [], // 文件数组
    items: [] // 其他数组
  },
  methods: {
    // 处理文件上传
    handleFileUpload(event) {
      this.files = event.target.files;
    },
    // 其他方法...
  }
});

<div id="app">
  <!-- 文件上传 -->
  <input type="file" @change="handleFileUpload">

  <!-- 显示文件列表 -->
  <ul>
    <li v-for="file in files" :key="file.name">{{ file.name }}</li>
  </ul>

  <!-- 显示其他数组内容 -->
  <ul>
    <li v-for="item in items" :key="item.id">{{ item.name }}</li>
  </ul>
</div>