javascript - 在vue js2.0中设置选择列表的路由器链接

Question

我想设置选择下拉列表

<select name="educationOption" class="form-control">
          <option>
            Search for SSC Course
          </option>
          <option v-link="'/higherEducationDetails/'+ user_id">
              Search for Higher Education
          </option>
</select>

我也尝试过，但不起作用

 <select name="educationOption" class="form-control">
          <option>
            Search for SSC Course
          </option>
          <option>
            <router-link :to="'/higherEducationDetails/'+ $route.params.id">
              Search for Higher Education
            </router-link>
          </option>
        </select>

任何建议

Answer 1

编辑:

router-link 默认情况下不会在选择标签内工作，但是我们可以做一些技巧，例如:

我们可以定义一个普通的选项标签:

<option>
   educationOption
</option>

并在更改选择值时添加事件监听器:

 <select name="educationOption" class="form-control" v-on:change="changeRoute"> 

然后将changeRoute方法添加到我们的vue中:

export default {
        data() {
            return {
                id: 1
            }
        },
        methods: {
            changeRout() {
                this.$router.push({path:'/educationOption/' + this.id })
            }
        }
    }