vue 如何实现点击切换门店重置所选内容

要实现点击切换门店重置所选内容的功能，可以在点击门店时，触发一个方法，该方法可以清空所选内容。具体实现可以在 Vue 组件中的方法中使用 this 来访问组件中的数据，然后将数据重置为初始状态。

例如，假设你有一个选择器组件，其中有一个门店选择器和一个商品选择器。你可以在门店选择器上添加一个点击事件，当点击门店时，触发一个方法，该方法将商品选择器中所选的内容重置为初始状态。

示例代码如下：

<template>
  <div>
    <select v-model="selectedStore" @click="resetProducts">
      <option v-for="store in stores" :value="store">{{ store }}</option>
    </select>
    <select v-model="selectedProduct">
      <option v-for="product in products" :value="product">{{ product }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stores: ['Store A', 'Store B'],
      products: ['Product A', 'Product B'],
      selectedStore: '',
      selectedProduct: ''
    }
  },
  methods: {
    resetProducts() {
      this.selectedProduct = ''
    }
  }
}
</script>

在上面的示例代码中，点击门店选择器时，会触发 `resetProducts` 方法，该方法将商品选择器中所选的内容 `selectedProduct` 重置为初始状态，即空字符串。