vue1.0中$index一直报错的解决办法

原文链接:https://www.cnblogs.com/liqiong-web/p/8144925.html

看学习视频,因为年份比较早了,其实vue早已迭代到vue2.0了,遇到一些问题:

v-for遍历数组,获取索引

注意:在2.0版是1~10中,$index已废除,索引 (item,index)。

如下为vue1.0的写法,$index浏览器会报错

1 <ul v-if="seller.supports" class="supports">
2    <li class="support-item" v-for="item in seller.supports">
3       <span class="icon" :class="classMap[seller.supports[$index].type]"></span>
4        <span class="text">{{seller.supports[$index].description}}</span>
5     </li>
6</ul>

更新为vue2.0后,这样写才对

1 <ul v-if="seller.supports" class="supports">
2   <li class="support-item" v-for="(item,index) in seller.supports">
3     <span class="icon" :class="classMap[seller.supports[index].type]"></span>
4     <span class="text">{{seller.supports[index].description}}</span>
5   </li>
6 </ul>

原文地址:https://www.cnblogs.com/zr123/p/8159356.html

时间: 2024-12-08 05:32:40

vue1.0中$index一直报错的解决办法的相关文章

[odroid-pc] ubuntu12.04 64bit Android4.0.3 源代码编译报错及解决办法

第一个错误: host Executable: cmu2nuance (out/host/linux-x86/obj/EXECUTABLES/cmu2nuance_intermediates/cmu2nuance) /usr/bin/ld: cannot find -lncurses collect2: ld returned 1 exit status make: *** [out/host/linux-x86/obj/EXECUTABLES/adb_intermediates/adb] Er

关于 Notice: Undefined index: 2 in C:\wamp\www\...报错 的解决办法

首先,这个不是错误,是warning. 方法1:服务器配置修改 (Apache服务器中的php.ini配置文件)       修改php.ini配置文件,error_reporting = E_ALL & ~E_NOTICE 方法2:对变量进行初始化,规范书写(比较烦琐,因为有大量的变量). 方法3:每个文件头部加上:error_reporting(0); 如果不行,只有打开php.ini,找到display_errors,设置为display_errors = Off.以后任何错误都不会提示.

调用系统命令 system-config-kickstart 报错,解决办法如下

[[email protected] ~]# system-config-kickstart Xlib:  extension "RANDR" missing on display "localhost:10.0". /usr/share/system-config-kickstart/kickstartGui.py:103: GtkWarning: GtkSpinButton: setting an adjustment with non-zero page si

单元测试时候使用[ClassInitialize]会该方法必须是静态的公共方法,不返回值并且应采用一个TestContext类型的参数报错的解决办法

using Microsoft.VisualStudio.TestTools.UnitTesting; 如果该DLL应用的是 C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE\PublicAssemblies\Microsoft.VisualStudio.QualityTools.UnitTestFramework.dll 版本为9.0.0.0 的话,则使用[ClassInitialize]会该方法必须是静态的公共方法,不返回值并且

Base64 报错 的解决办法 (Base-64 字符数组或字符串的长度无效。, 输入的不是有效的 Base-64 字符串,因为它包含非 Base-64 字符、两个以上的填充字符,或者填充字符间包含非法字符。)

Base64 报错 的解决办法, 报错如下:1. FormatException: The input is not a valid Base-64 string as it contains a non-base 64 character, more than two padding characters, or a non-white space character among the padding characters. ]    System.Convert.FromBase64Str

安装kvm虚拟机报错,解决办法

创建虚拟磁盘文件 [[email protected] ~]# qemu-img create -f qcow2 -o preallocation=metadata dev_beyond.img 8G Formatting 'dev_beyond.img', fmt=qcow2 size=8589934592 encryption=off cluster_size=65536 preallocation='metadata' 参数说明: -o preallocation=metadata 预分配

20170514002Oracle 11g R2安装过程中遇到的报错及解决办法

Oracle 11g R2安装过程中遇到的报错及解决办法 1.提示Check if the DISPLAYvariable is set.    Failed<<<< 解决方案: #xhost +  //切换到root用户输入 #su – Oracle  //切换到oracle用户 $./runInstaller  //执行安装程序 xhost 是用来控制X server访问权限的. 通常当你从hostA登陆到hostB上运行hostB上的应用程序时, 做为应用程序来说,hostA

Loadrunner参数化连接oracle、mysql数据源报错及解决办法

Loadrunner参数化连接oracle.mysql数据源报错及解决办法 (本人系统是Win7 64,  两位小伙伴因为是默认安装lr,安装在 最终参数化的时候,出现连接字符串无法自动加载出来: 最后通过安装在,问题到此解决 1.通过数据库连接参数化大量数据,电脑本地已经成功安装了数据库驱动,且本地可以配置数据源成功,在loadrunner 中配置数据源却找不到对应的数据库驱动. ----A:检查当前loadrunner工具的版本,是32位还是64位(目前还没有64位的),32位是不能安装64

火狐浏览器扩展插件报错sec_error_ocsp_old_response解决办法

      firefox有个证书在线验证的功能,默认开启.每次访问https网站时,火狐会访问ocsp.digicert.com以查询证书合法性,如果这个网站不能访问则默认https证书是无效的,停止加载网页并报错. 解决办法: