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