问答

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

作者:admin 2021-05-06 我要评论

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="bac...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
                <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])
    }

}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求vue的一个写法,怎样动态产生变量?

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

  • mac 如何通过快捷键启动/激活软件?

    mac 如何通过快捷键启动/激活软件?

  • 现在有如下数据格式,我想转换为这样

    现在有如下数据格式,我想转换为这样

  • iterm2使用homebrew安装软件,下载进度

    iterm2使用homebrew安装软件,下载进度

腾讯云代理商
海外云服务器