如果 :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'}
      ]
    };
  }
};
Logo

前往低代码交流专区

更多推荐