获取下拉列表选中项目的值

vue获取下拉列表选中的项值，很简单：

 

 

 <div id="test">
        <select @change="changeSelect($event)">
            <option value="">----</option>
            <option v-for="o in ops" :value="o.op_id">{{o.op_txt}}</option>
        </select>
    </div>

Html Source Code

 

 Vue.config.productionTip = false;
        Vue.config.devtools = false;

        var vue_select = new Vue({
            el: '#test',
            data: {
                ops: [
                    { op_id: 'v', op_txt: 'vue.js' },
                    { op_id: 'vc', op_txt: 'vue cli' },
                    { op_id: 'a', op_txt: 'angularjs' }
                ]
            },
            methods: {
                changeSelect(event) {
                    var id = event.target.value
                    alert(id);
                }
            }
        })

JavaScript Source Code