element-ui 组件二次封装
习题链接
任务
修复bug,实现element ui组件中的单选功能。
关键点
- 作用域插槽(Scoped Slots)
- 在父组件中使用slot-scope="scope"指定了一个名为scope的变量,当然也可以使用其他名称
- 在插槽中就可以使用scope是点父组件中的数据
- Element UI组件的Radio组件属性
- 在Element UI中的radio组件,给label赋值其实就是设置的value值
- 都题目中提及“Scoped slot 获取到 row”
- 直接设置的slot-scope设置的scope,然后使用scope.row访问到当前行的数据
- 官网的作用域插槽
代码实现 && 完整的代码
- 完整code
<template slot-scope="scope"> <el-radio v-model="currentRow" :label="scope.row"> </el-radio> </template>
__EOF__

本文作者:GTK
本文链接:https://www.cnblogs.com/DnmyCourage/p/17455537.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/DnmyCourage/p/17455537.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~