uniapp微信小程序:key失效的解决方法

<template>
  <view>
    <image v-for="(item, i) in fileList" :key="item[urlKey]" :src="/UploadFiles/2021-04-02/item[urlKey]">

编译到 微信小程序


<view>
  <block wx:for="{{fileList}}" wx:for-item="item" wx:for-index="i" wx:key="urlKey">
    <image src="/UploadFiles/2021-04-02/{{item[urlKey]}}">

貌似不支持 :key="item[urlKey]" 这种语法
解决方案：


<template>
  <view>
    <image v-for="(item, i) in fileList" :key="key(item)" :src="/UploadFiles/2021-04-02/item[urlKey]">

使用computed就可以解决了

        
        

            
上一篇：原生js实现自定义滚动条
            
下一篇：JavaScript实现下拉列表
        
        
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。