带有复选框的Vue.js多个搜索

<div id="app">
  <input type="text" v-model="searchText" placeholder="搜索关键词">
  <div>
    <label v-for="option in options" :key="option.id">
      <input type="checkbox" v-model="selectedOptions" :value="option.id">
      {{ option.label }}
    </label>
  </div>
  <button @click="search">搜索</button>
</div>

new Vue({
  el: '#app',
  data: {
    searchText: '',
    selectedOptions: [],
    options: [
      { id: 1, label: '选项1' },
      { id: 2, label: '选项2' },
      { id: 3, label: '选项3' }
    ]
  },
  methods: {
    search() {
      // 执行搜索逻辑
      console.log('搜索关键词:', this.searchText);
      console.log('选中的选项:', this.selectedOptions);
    }
  }
});