vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】

网络编程发布日期：2024/10/11 浏览次数：1

正在浏览：vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】

本文实例讲述了vue v-for循环重复数据无法添加问题解决方法。分享给大家供大家参考，具体如下：

问题：

错误提示如下：

解决问题的代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net vue v-for循环重复数据无法添加问题</title>
  <style>
  </style>
  <script src="/UploadFiles/2021-04-02/vue.js">

注意：这里在<li v-for="val in arr">中添加了track-by="$index"
即：


<li v-for="val in arr" track-by="$index">




希望本文所述对大家vue.js程序设计有所帮助。

上一篇：vue过滤器用法实例分析

下一篇：详解vue移动端项目代码拆分记录