<template>
  <div class="popup">
    <select v-model="selectedCategory">
      <option value="category1">Category 1</option>
      <option value="category2">Category 2</option>
      <option value="category3">Category 3</option>
    </select>
    <button @click="confirmCategory">确定</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedCategory: ''
    };
  },
  methods: {
    confirmCategory() {
      // 在这里处理用户选择的分类
      // 可以将选择的分类通过事件触发传递给父组件
      this.$emit('category-selected', this.selectedCategory);
    }
  }
};
</script>

<style scoped>
.popup {
  /* 添加样式来控制弹窗的外观 */
}
</style>
