前言

• os ：win10
• HBuilder X ：2.7.14.20200618
• 微信開發(fā)者工具 win32 ：1.03.2006090

問(wèn)題

每當(dāng)使用微信開發(fā)者工具預(yù)覽小程序時(shí)，均會(huì)在控制臺(tái)（Console）看到警告（Warn）信息：Now you can provide attr wx:key for a wx:for to improve performance.

問(wèn)題原因

uniapp的v-for寫法導(dǎo)致。
修改前的寫法如下：

<view class="comment-content" v-for="(item,index) in commentList"><!-- 評(píng)論用戶頭像 --><view class="comment-content-left"><image class="comment-content-headImage" :src="item.formHead" mode="center"></image></view><view class="comment-content-right"><!-- 評(píng)論用戶名 --><view class="comment-content-name">{{item.formNick}}</view><!-- 評(píng)論內(nèi)容 --><view class="comment-content-text">{{item.content}}</view><!-- 評(píng)論日期 --><view class="comment-content-time">{{item.commentTime}}</view></view> </view>

解決辦法

v-for搭配key使用
解決后的寫法如下：

<view class="comment-content" v-for="(item,index) in commentList" :key="index"><!-- 評(píng)論用戶頭像 --><view class="comment-content-left"><image class="comment-content-headImage" :src="item.formHead" mode="center"></image></view><view class="comment-content-right"><!-- 評(píng)論用戶名 --><view class="comment-content-name">{{item.formNick}}</view><!-- 評(píng)論內(nèi)容 --><view class="comment-content-text">{{item.content}}</view><!-- 評(píng)論日期 --><view class="comment-content-time">{{item.commentTime}}</view></view> </view>

參考

• https://ask.dcloud.net.cn/question/65247

總結(jié)

以上是生活随笔為你收集整理的uniapp开发微信小程序时，报错：Now you can provide attr `wx:key` for a `wx:for` to improve performance的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。