iview动态加载有徽标数的radioGroup

最新推荐文章于 2024-05-09 11:50:47 发布

sunny.day

最新推荐文章于 2024-05-09 11:50:47 发布

阅读量2.1k

点赞数 1

本文链接：https://blog.csdn.net/yang__k/article/details/90544044

版权

该博客介绍如何在iview框架中创建一个动态加载的RadioGroup，并且每个选项能根据徽标数显示小红点提示。内容包括html结构、JavaScript逻辑以及涉及到的CSS样式部分，当徽标数为0时，小红点将不会显示。

摘要由CSDN通过智能技术生成

html:

<radio-group>
<div class="aaa" id="a2">
            <radio-group v-model="timeValue1" @on-change="current_selected1" type='button'>
                <radio label="Cosmetic"></radio>
                <badge :count="count3">
                  <radio label="yk"></radio>
                    </badge>
            </radio-group>
          </div>

        <div class="aaa cc">
            <radio-group v-model="timeValue2" @on-change="current_selected2" type='button'>
              
              <span v-for="list in radioList">
                  <badge dot :count="list.num">
                      <radio :label="list.item"></radio>
                  </