element-ui 组件二次封装

习题链接

element-ui 组件二次封装

任务

修复bug,实现element ui组件中的单选功能。

关键点

  1. 作用域插槽(Scoped Slots)
    1. 在父组件中使用slot-scope="scope"指定了一个名为scope的变量,当然也可以使用其他名称
    2. 在插槽中就可以使用scope是点父组件中的数据
  2. Element UI组件的Radio组件属性
    1. 在Element UI中的radio组件,给label赋值其实就是设置的value值
    2. 都题目中提及“Scoped slot 获取到 row”
    3. 直接设置的slot-scope设置的scope,然后使用scope.row访问到当前行的数据
  3. 官网的作用域插槽
    1. 官网作用域插槽

代码实现 && 完整的代码

  1. 完整code
    <template slot-scope="scope"> 
        <el-radio v-model="currentRow" :label="scope.row">&nbsp;</el-radio>
    </template>
    

__EOF__

本文作者GTK
本文链接https://www.cnblogs.com/DnmyCourage/p/17455537.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   GTK  阅读(194)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示