Vue数据绑定不上去?

用了一个Vue插件vue-concise-slider

<v-slider :pages="pages" :sliderinit="slider_init"></v-slider>
for(let i = 0; i < this.img_urls.length; i++){
    let obj_inner = {};
    Vue.set(obj_inner, 'background',this.img_urls[i]);
    Vue.set(obj_inner, 'background-size', '620px 410px');
    Vue.set(obj_inner, 'width', '620px');
    Vue.set(obj_inner, 'height', '410px');

    let obj_out = {};
    Vue.set(obj_out, 'style', obj_inner)
    this.pages.push(obj_out);
}

console.log(this.pages);

图片描述

其他样式上去了,url上不去,有使用这个插件经验的大神将一下,或者推荐个适用这种情况的插件。

阅读 3k
3 个回答

background-size会覆盖掉background吧,用background-image试试

输出看看 this.img_urls[i]是啥,估计格式不对是个非法值或者是个空。

background设置成随便一张固定的图片url链接看看有没有效果,一步一步排查。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题