Vue vite (vuex，路由)，根据下拉搜索值更改路由？

<template>
  <div>
    <select v-model="selectedValue" @change="handleChange">
      <option value="home">Home</option>
      <option value="about">About</option>
      <option value="contact">Contact</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: 'home'
    };
  },
  methods: {
    handleChange() {
      // 根据选择的值更改路由
      if (this.selectedValue === 'home') {
        this.$router.push('/');
      } else if (this.selectedValue === 'about') {
        this.$router.push('/about');
      } else if (this.selectedValue === 'contact') {
        this.$router.push('/contact');
      }
    }
  }
};
</script>