Vue使用v-for向循环标签本身的属性添加属性值

我的代码结构无法执行，如下图，会出现错误报告

radio group v-model=' animal ' radio v-for=' a in radio _ arr ' label={ { a } }/radio/radio group export default { data(){ return { radio _ arr :[' loop 1 '，' loop 2 '，' loop 3']，animal 3330

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

radio group v-model=' animal ' radio v-for=' a in radio _ arr ' : label=' a '/radio/radio group export default { data(){ return { radio _ arr :[' loop 1 '，' loop 2 '，' loop 3']，animal 3330

当src添加到图片时：

第一种：

img v-for=' imgur中的URL ' : src=' URL '/export default { data(){ return { imgur :['./assets/img/icon1.png '，'./assets/img/icon2.png']}}报告了错误

修改代码：修改内容如下：

Imgurl: ['./assets/img/icon1.png '，'./assets/img/icon2.png']修改为

imgurl:[需要('./assets/img/icon1.png ')、require('./assets/img/icon 2 . png ')]img v-for=' URL in imgurl ' : src=' URL '/export default { data(){ return { imgurl :[require('./assets/img/icon1.png ')、require('./assets/img/icon2.png')] } }}

结果是：

第二个：

当我们需要用js代码写图片路径时，如果我们写数据，

/*写错了*/imgurl: './assets/logo.png '此时，webpack只会将其视为字符串，因此找不到图片地址。这时，我们可以用import来介绍图片路径：

数据中定义了Img: src=' http:头像'/从' @/assets/logo.png '导入头像

avatar:头像

第三种：

我们还可以将图片放在外层的静态文件夹中，然后在数据中定义它：

' Imgurl:'././static/logo . png ' img : src=' http : imgurl '/summary

以上是Vue通过边肖向您介绍的用v-for向循环标签的属性添加属性值的方法。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！