Vue用v-for给循环标签自身属性添加属性值的方法_vue动态添加标签属性,vue给标签加属性 - CSDN文库

5星 · 超过95%的资源 199 浏览量更新于2023-03-16 评论收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue用用v-for给循环标签自身属性添加属性值的方法给循环标签自身属性添加属性值的方法

主要介绍了Vue用v-for给循环标签自身属性添加属性值的方法，文中大家给大家列举了三种方法 ,需要的朋友可

以参考下

我的代码结构如下所示不能执行，会出现报错

<RadioGroup v-model="animal">

<Radio v-for='a in radio_arr' label={{a}}></Radio>

</RadioGroup>

export default {

data(){

return{

radio_arr:['循环1','循环2','循环3'],

animal:'循环2'

}

}

}

报错信息：

修改代码如下：修改内容为 label={{a}} 修改为：label='a'

<RadioGroup v-model="animal">

<Radio v-for='a in radio_arr' :label='a'></Radio>

</RadioGroup>

export default {

data(){

return{

radio_arr:['循环1','循环2','循环3'],

animal:'循环2',

}

}

}

效果如下：

图片添加src时：

第一种：第一种：

<img v-for='url in imgurl' :src='url' />

export default {

data(){

return{

imgurl:['../assets/img/icon1.png' ,

'../assets/img/icon2.png']

}

}

}

报错如下：

修改之后的代码：修改内容为：

imgurl:['../assets/img/icon1.png' , '../assets/img/icon2.png']

修改为

imgurl:[require('../assets/img/icon1.png') ,require('../assets/img/icon2.png')]

<img v-for='url in imgurl' :src='url' />

export default {

data(){

return{

imgurl:[require('../assets/img/icon1.png')

,require('../assets/img/icon2.png')]

}

}

}

结果为：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论10

色空空色

2023-06-20

用了作者的方法，我项目代码简洁了不少，感谢分享！

weixin_38639642

粉丝: 9
资源: 894

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈