用了一个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上不去,有使用这个插件经验的大神将一下,或者推荐个适用这种情况的插件。
background-size
会覆盖掉background
吧,用background-image
试试