vue2.0 audio/img 绑定 src 无效(unknown) 的解决方案
如果 :src=’value’ 或者 v-bind:src = ‘value’ 都不行的话,试试这样:这是dom里的内容<audio ref="audio" src="" controls="controls"></audio
·
如果 :src=’value’ 或者 v-bind:src = ‘value’ 都不行的话,试试这样:
这是dom里的内容
<audio ref="audio" src="" controls="controls">
</audio>
在事件里给ref为audio的节点赋值
audioUrl = row.url.replace(/\\/g, '/') /* 替换后台返回的\ */
audioUrl = baseUrl + '/' + audioUrl /*拼接成可访问的链接*/
this.$refs.audio.src = audioUrl /*嗯,那些都不重要,最主要是这句*/
亲测可行
如果要循环一个图片列表呢,目前我找到的可用方法是
template
<a :href="item.link" class="sortItem column-center" v-for="(item,index) in sort" :key="index">
<img :src="item.icon" alt="">
</a>
script (当然,有多少图片就引多少~~~~,有找到其它解决办法的小伙伴望分享一下~)
import ban from '../../assets/img/icon/icon02.png'
export default {
data() {
return {
sort: [
{icon: ban, title: 'Banner管理', enTitle: 'BANNER MANAGEMEN', link: '/#/banner'},
{icon: ban, title: 'Banner管理', enTitle: 'BANNER MANAGEMEN', link: '/#/banner'},
{icon: ban, title: 'Banner管理', enTitle: 'BANNER MANAGEMEN', link: '/#/banner'},
{icon: ban, title: 'Banner管理', enTitle: 'BANNER MANAGEMEN', link: '/#/banner'},
{icon: ban, title: 'Banner管理', enTitle: 'BANNER MANAGEMEN', link: '/#/banner'}
]
};
}
};
更多推荐
已为社区贡献4条内容
所有评论(0)