H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【CSS】求vue的一个写法,怎样动态产生变量?

                <view class="padding-sm" style="height: 180upx;" v-for="(item,index) in 6">
                    <view class="padding radius text-center shadow-blur light bg-blue" style="background-size: 100% 100%;height:100%;"
                     @click="previewImg(content.img1)">
                    </view>
                </view>

previewImg(content.img1)

怎样把img1,替换成循环变量 content.img[item] ,这样估计不行吧。

export default {
    data() {
        content:{} //img在content里面,img1-img6,是php后台返回的数据。    
    }
}

示例: content:{img1:’11’,img2:’22’…,img6:’66’}

使用:ES5,

谢谢,刚刚学了几天,不是很明白,问题比较菜。欢迎大师上门指导老弟。

回答:

content['img' + item]
不行就把 item 改成 index 。
当然最好的方式还是把 content 变成数组。

回答:

首先你要知道后台返回的数据结构是数组还是对象,如果是数组包含对象的形式,直接使用 item.xx;xx表示后台返回的img,这个值是不固定的。

回答:

previewImg(item){
    return ()=>{
        alert(this.content['img' + item])
    }

}

本文地址:H5W3 » 【CSS】求vue的一个写法,怎样动态产生变量?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址