用路由器链接填充vue-multiselect

const router = new VueRouter({
  routes: [
    {
      path: '/select',
      component: SelectComponent
    }
  ]
})

<template>
  <div>
    <multiselect v-model="selectedOption" :options="options"></multiselect>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: []
    }
  },
  mounted() {
    // 通过路由器获取需要填充到vue-multiselect的数据
    this.options = this.$router.getOptions()
  }
}
</script>

const router = new VueRouter({
  routes: [
    {
      path: '/select',
      component: SelectComponent,
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' }
      ]
    }
  ],
  methods: {
    getOptions() {
      return this.options
    }
  }
})