相思资源网 Design By www.200059.com

uniapp 代码

<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就可以解决了

标签:
uniapp小程序key失效,uniapp小程序key

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“uniapp微信小程序:key失效的解决方法”

暂无uniapp微信小程序:key失效的解决方法的评论...