前言

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

問題

每當使用微信開發者工具預覽小程序時，均會在控制臺（Console）看到警告（Warn）信息：Now you can provide attr wx:key for a wx:for to improve performance.

問題原因

uniapp的v-for寫法導致。
修改前的寫法如下：

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

參考

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。