欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue下拉框 获取选中的值

程序员文章站 2024-01-02 22:32:40
...
<template>
    <div>
        <!-- 下拉框获取value值 -->
        <el-select v-model="query" @change="selectChanged">
            <el-option v-for="item in options" :key="item.value" :value="item" :label="item.label"></el-option>
            <el-button></el-button>
        </el-select>
        
    </div>
</template>
<script>
    export default {
        data() {
            return {
                restaurants: [],
                state: '',
                timeout: null,

                // 复选框的值
                options: [{
                    value: '01',
                    label: '我的'
                }, {
                    value: '02',
                    label: '你的'
                }, {
                    value: '03',
                    label: '他的'
                }],
                query: '02'
            }
            
        },
        
            
             methods: {
                 selectChanged(params) {
                  const { value, label } = params;
		    console.log(value, label)

                 },
                  
                 
             
                },
              
        
    }
</script>
<style></style>

点击获得value,key

上一篇:

下一篇: