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

Question

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

<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>

单击类别时，我要获取类别的文本

在上面的代码中，我使用了以下代码： e.target.value以获取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();
    },