コンボボックスでカテゴリをクリックしたときにテキストを選択するにはどうすればよいですか？私はこのようなVUEコンポーネント持っ

Question

（Vue.JS 2）：取得するe.target.value：カテゴリをクリック

<script> 
    export default{ 
     template: '\ 
      <select class="form-control" v-model="selected" v-on:change="search">\ 
       <option v-for="option in options" v-bind:value="option.id" v-bind:disabled="option.disabled">{{ option.name }}</option>\ 
      </select>', 
     mounted() { 
      this.fetchList(); 
     }, 
     data() { 
      return { 
       selected: '', 
       options: [{id: '', name: window.trans.category.select}] 
      }; 
     }, 
     methods: { 
      search(e){ 
       window.location = window.BaseUrl + '/search?q=&cat=' + e.target.value; 
      }, 
      fetchList: function() { 
       this.$http.post(window.BaseUrl+'/category/list?parent_id=all').then(function (response) { 
        response.data.forEach(function(item){ 
         this.options.push({id:item.id, name:item.name}) 
        }, this); 
       }); 
      }, 
     } 
    }; 
</script> 

が、私は上記の私のコードでは、カテゴリ

のテキストを取得したいが、私はこれを使用しますidが選択されて動作します

カテゴリをクリックすると、どのようにテキストを選択できますか？

私はこれを試してみてください：e.target.textが、idは動作しません

は私を助けることができる人はいますか？

Answer 1

はあなたが両方idとnameをしたい考えると、あなたはこれを試すことができます。

template: '\ 
     <select class="form-control" v-on:change="search">\ 
      <option v-for="option in options" v-bind:value="option.id" @click="selected=option.name" v-bind:disabled="option.disabled">{{ option.name }}</option>\ 
     </select>', 
    mounted() { 
     this.fetchList(); 
    },