vue.runtime.esm.js?e143:619 [Vue warn]: Duplicate keys detected: '121375'. This may cause an update

记录个问题
vue.runtime.esm.js?e143:619 [Vue warn]: Duplicate keys detected: ‘121375’. This may cause an update error.

最初的代码

<view v-for="(item, index) in news" :key="item.id" title="">
	<navigator url="../detail/detail">{{item.title}}</navigator>
</view>
------------------------------------------------------------------------------------
<view v-for="(item, index) in news" :key="item.id" title="" @tap="jumpToUrl" :data-newsid="item.post_id">
	{{item.title}}
</view>

vue.runtime.esm.js?e143:619 [Vue warn]: Duplicate keys detected: '121375'. This may cause an update_第1张图片
啊哈,出错了

然后我查询了一下,说是key值唯一性的问题,so我将代码改了下

<view v-for="(item, index) in news" :key="item.id" title="">
	<navigator url="../detail/detail">{{item.title}}</navigator>
</view>
------------------------------------------------------------------------------------
// 重点在:key="item.title"
<view v-for="(item, index) in news" :key="item.title" title="" @tap="jumpToUrl" :data-newsid="item.post_id">
	{{item.title}}
</view>

哈哈,当然正式开发代码不能像我这么随便,反正保证唯一性不让他重复就行

你可能感兴趣的:(vue,前端,vue.js)