el-select获取当前选中的对象所有(item)数据
在Vue.js中,使用Element UI的el-select
组件时,可以通过v-model
绑定一个变量来获取当前选中项的值。如果需要获取当前勾选项的所有数据,可以在数据项对象中绑定这个变量,并使用el-option
的v-for
指令来遍历数据项。
以下是一个简单的例子:
<template>
<el-select v-model="selectedItem" 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 {
selectedItem: null, // 选中项的数据对象
options: [
{ value: '1', label: '选项1', additionalData: '相关数据1' },
{ value: '2', label: '选项2', additionalData: '相关数据2' },
// 更多选项...
]
};
}
};
</script>
在这个例子中,selectedItem
将包含选中el-option
的整个数据对象,你可以通过selectedItem.additionalData
访问额外的数据。当用户选择一个选项时,selectedItem
将更新为对应的数据对象。
评论已关闭