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

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

 

posted @ 2020-08-02 15:08  Insus.NET  阅读(694)  评论(0编辑  收藏  举报