vux [Bug Report] SWiper背景图片加载问题

aemubtdh  于 2022-11-19  发布在  其他
关注(0)|答案(3)|浏览(287)

VUX version

2.9.2

OS/Browsers version

谷歌

Vue version

2.5.17

Code

<swiper :list="roundPlay" auto style="width:17.25rem;margin:0 auto;" dots-class="custom-bottom" dots-position="center"></swiper>

mounted(){
    this.$get(this.$api.HOME.SOWING_MAP)
    .then((response) =>{
      this. roundPlay = response.slideshow.data.map((one, index) => ({
        url: 'javascript:',
        img: one.img_src
      }))
    })
    this.billBoard();
    this.getList();
    this.getCurrentCity();
    // console.log(this.$api.COMMON.GET_DICT)
  },

Steps to reproduce

接口打印出来的背景图是个远程地址没有中文但是在浏览器中发现有乱码 如:style="background-image: url(" http://www.xxh-xcc.comuploads­minslides_thumb�07�ce2349bbabbe0dfddcba907988.gif");正常地址为:img_src;%E6%AD%A3%E5%B8%B8%E5%9C%B0%E5%9D%80%E4%B8%BA%EF%BC%9Aimg_src) : " http://www.xxh-xcc.com\uploads\admin\slides_thumb\20180807\95b348df4f5a656314d267533065cbda.gif "

What is Expected?

img_src: " http://www.xxh-xcc.com\uploads\admin\slides_thumb\20180807\95b348df4f5a656314d267533065cbda.gif "

What is actually happening?

url(" http://www.xxh-xcc.comuploads­minslides_thumb�07�ce2349bbabbe0dfddcba907988.gif

7lrncoxx

7lrncoxx1#

这个和 vux 没关,请检查接口数据编码是否为 utf-8 或其他配置

6qfn3psc

6qfn3psc2#

@shoyuf 但是我单独写的img标签是可以获取到的 !!!请问大佬这是什么原因啊 ??实在没发现问题

hgb9j2n6

hgb9j2n63#

@shoyuf 发现问题了 是因为原远程地址中有“\”转义字符 没有解析出来导致图片没加载出来 用replace(//g,'/')替换

相关问题