<template> <el-select v-model="value" placeholder="请选择" @change="selectChange"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="{ value: item.value, label: item.label}"> </el-option> </el-select> </template> <script> export default { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value: '' } }, methods: { // 点击事件 selectChange(val){ console.log('select点击了',val) } } } </script>
和原来select不同的地方
1.增加change事件selectChange
2.原来的:value="item.value"
改为:value="{ value: item.value, label: item.label}"
注意:
下拉框change事件selectChange不要加()