vue根据banner图颜色改变背景色原创

原创
小哥 5个月前 (02-08) 阅读数 26 #大杂烩

vue根据图片的颜色改变背景颜色,UI框架vant

利用v-bind属性给div设置style属性,利用vant

changeBanner(index){
    this.bgColor =  this.bannerList[index].color
}

v-bind:style="{background:#+bgColor}"



 export default {
        name: "home",
        data(){
          return {
              search:"",
              bannerList:[],
              bgColor:"red",
          }
        },
        created() {
          this.getBanner()
        },
        methods:{
            onSearch(){
              Toast("搜索")
            },
            getBanner(){
                 this.$http.post(this.host.getBanner).then(res=>{
                      if(res.data.code ===0){
                          this.bannerList = res.data.list
                          for(var i =0 ;i

附加的后台返回数据

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除