1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Vue中解决img标签动态:src绑定

Vue中解决img标签动态:src绑定

时间:2021-06-04 14:01:28

相关推荐

Vue中解决img标签动态:src绑定

有的时候我们需要在img标签中动态绑定数据

//例子用的是uniapp,UI框架是uView<template><view v-for="(item, index) in awardsIconList" :key="index"><u-image width="200rpx" :src="item.value" mode='widthFix'></u-image></view></template><script>export default {data() {return {awardsIconList: [],}},onLoad() {this.getIcon();},method:{getIcon(){const list = new Array();list.push({id: i,value: require('@/static/images/icon/nan.png')});list.push({id: i,value: require('@/static/images/icon/nv.png')});list.push({id: i,value: require('@/static/images/icon/shehuituanti.png')});this.awardsIconList = list;}}}<script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。