首页 > TAG信息列表 > activeIndex

vue中使用定时器展示公告向上滚动

<div class="groupall"> <div class="groupitem" @mouseenter="Stop()" @mouseleave="Up()" :style="{ top }" v-for="(item,index) in grouparr" :key="index">

踩坑之路--vue-awesome-swiper点击事件消失

坑1:将事件直接写在 swiper 内部的dom里面 当swiper进行loop循环时,进行第二轮循环时,将会复制dom,但是并没有复制事件,导致第二轮图片循环时,图片的点击事件消失. 坑2: 想偷鸡 将事件挂在组件上&&给时间加修饰符 冒得用的 依旧和上面一样,第二轮无效了,理由也如上 解决方案:

路由跳转到页面指定位置（瞄点），并且导航栏进行相应的高亮显示

制作公司官网，免不了通过点击不同的导航栏到跳转到不同页面的指定位置。同时也会遇到页面时跳转了，但是导航栏没进行相应的高亮显示 总结: document.getElementById().scrollIntoView()和this.$route.name 第一步解决路由跳转到页面指定位置 点击上面图片中的底部导航栏，页面会跳到

vue/uni-app使用fullpage.js实现简单的翻页

来源：https://github.com/l-x-f/uni-full-page   components/FullPage/index.vue <template> <view class="full-page-container"> <view class="full-page-main" @touchstart="handleTouchStart" @touc

vue tab 切换动画

效果如图 code <template> <div> <Card> <div class="risk-tab-top"> <div v-for="(item, index) in tabList" :key="index" class="risk-tab-cont p-12"

Elementui NavMenu 导航菜单使用

官方文档https://element.eleme.cn/#/zh-CN/component/menu NavMenu 导航菜单 官方使用项目实例 官方使用 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item in

用vue组件做轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

Vue.js 实现时间轴功能

GitHub 时间轴组件封装 Main.js <template> <div class="timeline-main"> <div class="timeline-axis"> <div class="axis-item" v-for="(time, index) in dateTimes" :key="index&q

Vue Element 导航子路由不选中问题

首先说下遇到的问题 1.进入嵌套路由，当前父导航无法高亮显示 2.页面刷新后导航重置问题 3.在嵌套路由刷新页面也会导致导航重置问题 接下来是解决方案： elementUI 里面有个属性 default-active(当前激活菜单的 index) <el-menu :default-active="activeIndex" @select="handl

element UI中的tab切换栏

html代码：（用的是el-tab组件） 1 <el-tabs v-model="activeIndex" type="border-card" @tab-click="tabClick" @tab-remove="tabRemove">2 <el-tab-pane :closable="item.name == '首页'?false:true" :key=&q