相关疑难解决方法(0)

我有一个<v-select>下拉列表,我想用作导航到其他页面的URL列表.我遇到的问题是onchange我正在使用的事件返回先前选择的值而不是当前选定的值.

我已经调整了代码以打印到控制台而不是测试.该:hint功能正常工作,所以我敢肯定这件事情做的onchange功能.

Codepen

这是代码:

<template>
  <v-app>
  <v-container fluid>
    <v-layout row wrap>
      <v-flex xs6>
        <v-select
          :items="items"
          v-model="select"
          label="Select"
          single-line
          item-text="report"
          item-value="src"
          return-object
          persistent-hint
          v-on:change="changeRoute(`${select.src}`)"
          :hint="`${select.src}`"
        ></v-select>
      </v-flex>
    </v-layout>
  </v-container>
</v-app>
</template>

<script>
/* eslint-disable */
    new Vue({
  el: '#app',
  data () {
      return {
        select: { report: 'Rep1', src: '/rep1' },
        items: [
          { report: 'Rep1', src: '/rep1' },
          { report: 'Rep2', src: '/rep2' }
        ]
      }
    },
    methods: {
      changeRoute(a) {
        //this.$router.push({path: …