求vue的一个写法，怎样动态产生变量？

Question

                <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，

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

Answer 1

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

Answer 2

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

Answer 3

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

}