vue中提示$index is not defined错误的解决方式
作者：愚蠢地人类 发布时间：2024-04-27 16:16:51
标签：vue,提示,$index,defined
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题
下面是解决方法：
原来的是 v-for="person in items"
v-on:click="deletePerson($index)"//这个仅仅适用于1.0版本，不要采坑了同学们
这个在Vue1.0版本中式适用的可以直接使用$index，但是在2.0是不适合的
在Vue 2.0版本中获取索引我们需要通过 v-for = "(person ,index) in items ", 点击事件我们也不能使用$index，应该使用
v-on:click="deletePerson(index)"
补充知识：vue中滚动页面，改变样式&&导航栏滚动时，样式透明度修改
.vue
<div class="commonHeader" v-bind:class="{ 'navActive': scrollFlag }">
<img src="@/images/home/icon_jdjr.png" v-bind:class="{ 'scrollFlag': scrollFlag }">
data
scrollFlag:false,
mounted
window.addEventListener('scroll', this.handleScroll)
methods
handleScroll () {
let _this=this;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
// console.log(scrollTop)
if(scrollTop){
_this.scrollFlag=true
}else{
_this.scrollFlag=false
}
}
来源：https://blog.csdn.net/shaleilei/article/details/79145593
0
投稿猜你喜欢
- Microsoft office Access Database Engine 错误 '80040e14' Insert I
- 前言Python 一直以来被大家所诟病的一点就是执行速度慢，但不可否认的是 Python 依然是我们学习和工作中的一大利器。因此，我们对 P
- 本来想把之前对artTemplate源码解析的注释放上来分享下，不过隔了一年，找不到了，只好把当时分析模板引擎原理后，自己尝试写下的模板引擎
本文研究的主要是Python编程求质数实例，选取了几个数进行了测试，具体如下。定义：质数又称素数。一个大于1的自然数，除了1和它自身外，不能- 也不一定，以前从来没有深入的研究过sql查询，最近买了一本T-SQL查询的书，把以前忽视的问题都记录一下 以前一直模模糊糊的把sqlserv
- 前言本文总结了mysql中DCL，常用的一些权限控制，后续使用到其他会继续补充。一、用户控制管理创建用户create user '用
- 版本：python3.7功能，开发一个用户访问的页面，支持图片上传，并将其保存在服务器。项目结构：app.py文件内容如下：from fla
- 在操作过程中，两表查询都没有问题，但是三表查询就开始出现问题有以下三张表，分表为pl表（uid，content），user表（id，user
- 从开始认识CSS(DW4)那时起,我就知道了CSS的强大,但从未用CSS排版过,因为我曾经尝试过学习,但感觉太难了而且用DW的表格,所见及所
- 这篇文章主要介绍了Python concurrent.futures模块使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一
- 0x01春节闲着没事(是有多闲)，就写了个简单的程序，来爬点笑话看，顺带记录下写程序的过程。第一次接触爬虫是看了这么一个帖子，一个逗逼，爬取
- python代码 for i, para in enumerate(self._net.module.featur
- 最近 全栈数据工程师养成攻略 的微信群已经将近500人，开了二群之后为了打通不同微信群之间的消息，花了点时间做了个消息同步机器人，在任意群收
- 来由：最近的工作一直是学校设计教程的开发，都是自己根据理论知识加一些实际工作经验相结合写的教程，所以不会咬文嚼字，文笔也不一定非常专业和流畅
- 1. 首先确认python的版本为2.3.4以上，如果不是需要升级python的版本 python -V
- vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下： 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。
- Windows环境下一、开启 Imagick 扩展1、安装PHP扩展：Imagick，下载地址 https://pecl.php.net/p
- 1.INPUT和图片按钮对齐：<form method="post" action="
- 核心代码--下面我演示下MySQL中的排序列的实现--测试数据CREATE TABLE tb(score INT);INSERT tb SE
- 一、SeabornSeaborn 建于 matplotlib 库的之上。它有许多内置函数，使用这些函数，只需简单的代码行就可以创建漂亮的绘图
