Element el-select内部是如何获取到el-option的数据的
在Element UI的
具体来说,当
以下是Element UI的
<template>
<div>
<slot></slot>
</div>
</template>
<script>
export default {
name: 'ElSelect',
mounted() {
const options = this.$slots.default
.filter((vnode) => vnode.componentOptions && vnode.componentOptions.tag === 'ElOption')
.map((vnode) => {
const { label, value, disabled } = vnode.componentOptions.propsData;
return { label, value, disabled };
});
// 在这里可以使用获取到的选项数据进行处理,例如存储在内部或执行其他操作
console.log(options);
}
};
</script>
在这个简化的示例中,
对于每个符合条件的子组件,它提取了label、value和disabled等属性,并将它们作为选项数据存储在options数组中。
请注意,这只是Element UI组件内部获取
版权申明
本文系作者 @Mr.Yang 原创发布在果皮皮站点。未经许可,禁止转载。
暂无评论数据