iview Radio和v-for一起使用

约定不等于承诺〃 2022-03-26 03:48 431阅读 0赞

# v-for #

根据一个数组的选项列表进行渲染  
(item,key,index) in arr:item是数组对应的一个item，key是键值，index是索引值。

# 代码 #

template:

<RadioGroup v-model="animal">
        <Radio v-for='(a,index) in animals' :label='a' :key='index'></Radio>
    </RadioGroup>

组件中一定要有:key  
script

export default {
            data () {
                return {
                    value9: 1000,
                    value10: 100,
                    animal: '爪哇犀牛',
                    animals:['金斑蝶','爪哇犀牛','印度黑羚']
                    
                }
            },
            methods:{
                test(){
                    this.$router.push("bar");
                }
            },
            mounted:function(){
                this.axios.get('http://127.0.0.1:8081/'}),{
             
            })
              .then(function(res){
                console.log(res.data)
                      //控制台打印请求成功时返回的数据
                 
              })
              .catch(function(err){
                if(err.response) {
                  console.log(err.response)
                    //控制台打印错误返回的内容
                }
                   
              })
    
            }
        }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlbGxvd29ybGRkbQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlbGxvd29ybGRkbQ_size_16_color_FFFFFF_t_70]: /images/20220326/e2e910a23fca4899bd8364bd5737cc5c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，431人围观）

还没有评论，来说两句吧...

相关阅读

相关 iview-admin使用小结

首先在使用一个框架之前一定要完整的看一下相关文档，因为框架中会封装常用的功能，也会更加符合大众要求。在ui设计图上，可能实现某个功能设计图中给出的交互并不是很好，而在框架中有更

太过爱你忘了你带给我的痛/ 2023年10月13日 16:13/ 0 赞/ 76 阅读

相关 vue中使用radio和checkbox

代码 <template> <div id="app"> <input type="checkbox" v-model="v2" val

左手的ㄟ右手/ 2023年06月03日 10:54/ 0 赞/ 51 阅读

相关 iView的使用

目录在vue-cli中使用iview 常见问题 \\等许多地方报警告

女爷i/ 2023年03月04日 06:56/ 0 赞/ 59 阅读

相关 mootools_一起使用jQuery和MooTools

mootools There's yet another reason to master more than one JavaScript library: you can

左手的ㄟ右手/ 2023年02月21日 15:29/ 0 赞/ 70 阅读

相关 iView 使用 radio 控制下面输入框的显示隐藏

<FormItem label="是否变更过名称"> <RadioGroup @on-change="handleUsedNameRadio" v-model

àì夳堔傛蜴生んèń/ 2023年01月15日 15:28/ 0 赞/ 185 阅读

相关 IDEA和git一起使用

之前写了怎样安装git，现在写在怎么把git和IDEA一起使用。打开File-Setting--Version Control--Git，如图 ![Image 1][]!

ゝ一纸荒年。/ 2022年09月28日 11:50/ 0 赞/ 212 阅读

相关使用iview admin框架

1、前往github下载整个iview-admin框架的全部源码 github地址：[https://github.com/iview/iview-admin][https

柔光的暖阳◎/ 2022年04月11日 03:24/ 0 赞/ 320 阅读

相关 iview Radio和v-for一起使用

v-for 根据一个数组的选项列表进行渲染 (item,key,index) in arr:item是数组对应的一个item，key是键值，index是索引值。

约定不等于承诺〃/ 2022年03月26日 03:48/ 0 赞/ 432 阅读

相关 iview使用Radio实现单选

1、前端页面iview中代码model.isUsePlan为绑定数据，changeModel是点击单选按钮时触发事件 <RadioGroup v-model="mo

╰+攻爆jí腚メ/ 2022年02月18日 14:51/ 0 赞/ 740 阅读

相关 iview-admin-使用

\----------------------------------------------------------- index.html: <div id="app"

朱雀/ 2021年12月10日 00:57/ 0 赞/ 350 阅读