当类别点击组合框时，如何选择文本？ （Vue.JS 2）

Question

我有一个像这样的vue组件：

values-v23/styles.xml

点击类别后，我想获取类别的文本

在我上面的代码中，我使用了这个：<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.value，但是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();
    },