Open KeyToLove opened 3 years ago
现在的select组件可以通过在 Option中插入slot实现自定义选项的功能,但是不在Option标签内的内容就会被舍弃;希望增加额外的slot可以去自定义下拉菜单的其他部分(不作为选项的其他内容);例如Modal的footer slot,允许在选项条目下放置类如 “取消” “确定”等按钮来结合自定义选项满足更多的业务场景。
Option
slot
Modal
footer slot
提供额外的solt来插入选项条目之外的其他内容(参考elementUI不舍弃Option标签外的部分)
solt
<Select v-model="model1" > <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> <template slot="extra"> <!-- other content --> </template> </Select>
What problem does this feature solve?
现在的select组件可以通过在
Option
中插入slot
实现自定义选项的功能,但是不在Option
标签内的内容就会被舍弃;希望增加额外的slot可以去自定义下拉菜单的其他部分(不作为选项的其他内容);例如Modal
的footer slot
,允许在选项条目下放置类如 “取消” “确定”等按钮来结合自定义选项满足更多的业务场景。What does the proposed API look like?
提供额外的
solt
来插入选项条目之外的其他内容(参考elementUI不舍弃Option标签外的部分)