el-select获取选中项的所有信息
在Vue.js中,使用Element UI的el-select
组件时,可以通过v-model
绑定一个变量来获取选中项的值,但如果需要获取到选中项的所有信息(例如标签、值等),可以使用el-option
的value
属性绑定一个对象。
以下是一个简单的例子:
<template>
<el-select v-model="selected" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selected: null,
options: [
{ value: '1', label: '选项1' },
{ value: '2', label: '选项2' },
{ value: '3', label: '选项3' }
]
};
}
};
</script>
在这个例子中,selected
变量将会包含选中的el-option
的整个对象,包括value
和label
属性。当用户选择一个选项时,selected
将会更新为对应的对象。
评论已关闭