vue的swiper组件使用，获取当前滑动位置activeIndex

最新推荐文章于 2025-03-12 19:36:13 发布
原创 最新推荐文章于 2025-03-12 19:36:13 发布 · 1.6w 阅读 · 9 ·
本内容遵循CC 4.0 BY-SA版权协议
本文详细介绍如何在Vue项目中使用vue-awesome-swiper组件，包括正确获取滑动后的当前index值的方法，通过监听slideChange事件并利用$refs.mySwiper.swiper.activeIndex获取activeIndex，确保准确掌握当前处于哪个index。

使用vue版的swiper组件vue-awesome-swiper，这个是最好用的，并且api和swiper基本一致。

使用的时候需要拿到滑动之后当前的index。

要获取activeIndex这个值。

错误写法

在这里插入图片描述
官方文档这么写有问题，我在全局引入的时候这样根本拿不到。

正确写法

this.$refs.mySwiper.swiper

这样写才可以。

然后监听@slideChange="slideChange"slideChange事件，在这个事件里面

this.$refs.mySwiper.swiper.activeIndex

这样获取activeIndex，这样就知道了当前是处于哪个index了。

参考文档

  • https://github.com/surmon-china/vue-awesome-swiper
Hive：Hive基础知识 01
Xiao Miao的博客
05-03 2923
Hive基础知识 01
hive的介绍及与传统关系型数据库（mysql)的区别
XiongYun
11-06 3484
hive的介绍 什么是hive：Hive是基于hadoop的一个数据仓库工具，实质就是一款基于hdfs的MapReduce计算框架，对存储在HDFS中的数据进行分析和管理。 hive的工作方式：把存放在hive中的数据都抽象成一张二维表格，提供了一个类似于sql语句的操作方式，这些sql语句最终被hive的底层翻译成为MapReduce程序，最终在hadoop集群上运行，结果也会输出在hdfs之中。（必须是结构化的数据）。在存储的时候hive对数据不做校验，在读取的时候校验。 hive的的优点：极大的简化了
Hive 基础知识
STAR GAME
02-24 4137
1. Hive和HBase的区别 HBase是一个用来处理HDFS上文件的NoSQL数据库，建立于HDFS之上。 Hive是封装了MapReduce的操作，让用户可以通过写sql语句的方式，实现MapReduce操作。 Hive基于一个统一的查询分析层，通过SQL语句的方式对HDFS上的数据进行查询、统计和分析。 2. Hive是什么 （1）Hive是一个SQL解析引擎，将SQL语句转译成MR Job，然后再Hadoop平台上运行，达到快速开发的目的。 （2）Hive中的表示纯逻辑表，只有表的定
Hive基础知识大全
qq_54677773的博客
07-24 5982
Hive本质是将SQL转化为MapReduce的任务进行计算，底层由HDFS来提供数据存储。说白了hive可以理解为一个将SQL转换为MapReduce的任务的工具，甚至更进一步说hive就是MapReduce的一个客户端。Hive是数据库建模工具之一可以向Hive传入一条交互式SQL,在海量数据中查询分析得到结果的平台继承重写evaluate()，这个方法不是由接口定义的,因为它可接受的参数的个数,数据类型都是不确定的。Hive会检查UDF,看能否找到和函数调用相匹配的evaluate()方法。
Hive基础
m0_63924864的博客
11-08 1863
Hive是构建在Hadoop之上的数据仓库工具，它提供了一种机制来查询和管理PB级别的分布式存储数据。Hive使用类似于SQL的查询语言——HiveQL，使得熟悉SQL的用户能够轻松地进行大数据处理。通过Hive，可以将复杂的MapReduce任务简化为简单的查询语句，极大地提高了开发效率。Hive支持多种数据格式和存储类型，如文本文件、序列化文件等，并且可以与Hadoop生态系统中的其他工具（如Pig、HBase）无缝集成。尽管Hive在处理大规模数据集方面表现出色，但在实时查询响应上存在一定的延迟，更适
Hive：Hive基础知识 02
Xiao Miao的博客
05-05 2605
Hive基础知识 02
Hive基础知识(个人总结)
hellosrc的博客
10-24 5115
    声明: 1. 本文为我的个人复习总结, 并非那种从零基础开始普及知识 内容详细全面, 言辞官方的文章               2. 由于是个人总结, 所以用最精简的话语来写文章            
Hive（一）：基础知识最全总结
F道人
06-08 1319
Hive基础 一、基础概念 Hive：facebook实现并开源的Hadoop的一个数据仓库工具，底层数据存储依赖于Hadoop的HDFS分布式文件存储上，将结构化数据映射到一张数据库表中，并提供HQL的查询功能，HQL的本质在于将HQL解析，转换为MapReduce任务进行数据的分析。 概括下：Hive就是基于HDFS进行数据存储，HSQ基于MapReduce任务进行数据分析的Hadoop数据仓库工具。 HQL请求Hive处理转化为MapReduceMapReduce任务执行 MapReduce 所面临的
hive基础学习
我的祖传代码
08-05 1687
目录 1.Hive基本概念 2.Hive架构 3.Hive安装部署 4.Hive使用方式 5.Hive建库建表与数据导入 6.hive查询语法 7.hive函数使用 8 综合查询案例 1.Hive基本概念 1.1 Hive简介 1.1.1 什么是Hive Hive是基于Hadoop的一个数据仓库工具，可以将结构化的数据文件映射为一张数据库表，并提供类SQL查询功能。 1...
Hive-学习笔记
weixin_48626604的博客
03-25 1897
Hive-学习笔记 1 Hive概述 什么是Hive？ Apache Hive是一款建立在Hadoop之上的开源数据仓库系统，可以将存储在Hadoop文件中的结构化、半结构化数据文件映射为一张数据库表，基于表提供了一种类似SQL的查询模型，称为Hive查询语言（HQL），用于访问和分析存储在Hadoop文件中的大型数据集。 Hive核心是将HQL转换为MapReduce程序，然后将程序提交到Hadoop群集执行。Hive由Facebook实现并开源。 为什么使用Hive？ 使用Hadoop
Hive-基础入门
最新发布
m0_53191230的博客
03-12 1587
Hive DDL用于定义Hive 数据库模式，其命令包括create、drop、alter、truncate、show。在Hive中进行流量统计通常涉及以下几个步骤：数据准备、表的创建、数据加载以及编写统计查询。是Hive中最常用的数据加载方式，支持从本地文件系统或HDFS加载数据到Hive表中。：由于不使用分布式计算资源，本地模式的性能通常低于集群模式，不适合处理大规模数据。表案例，包括表结构设计、数据加载以及一些常见的SQL查询示例。在Hive中，数据加载是将外部数据导入到Hive表中的过程。
Hadoop自测题及参考答案
热门推荐
三人行，必有我师焉。
06-18 1万+
单选题 1、与其他几项不同的是 A. Mesos B. Mongodb C. Corona D. Borg E. YARN 注：其他几项都是资源统一管理系统或者资源统一调度系统，而 Mongodb一种非关系型数据库。 2、[java基础] 以下不属于线程安全的数据结构是 A. HashMap B. HashTable C. CopyOnWriteArrayL
Hive的基本使用
weixin_45105259的博客
12-13 2065
本质：就是将对应的HQL语句转换为对应的MapReduce进行数据的计算 出现的原因：MQ实现复杂，
用Hive实现wordcount
smilexiaowei的专栏
12-31 755
通过HiveQL实现词频统计功能，此时只要编写下面7行代码，而且不需要进行编译生成jar来执行。HiveQL实现命令如下： create table docs(line string); load data inpath 'input' overwrite into table docs; create table word_count as select word, count(1) a...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值