当前位置: 首页 > news >正文

element跑马灯/轮播图,第一页隐藏左边按钮,最后一页隐藏右边按钮(vue 开箱即用)

图示:

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

第一步:

 <el-carousel :class="changeIndex==0?'leftBtnNone':changeIndex==imgDataList.length-1? 'rightBtnNone':''"   height="546px" :autoplay="false"  @change="changeNext"><el-carousel-item v-for="(item,index) in imgDataList" :key="index">//内容</el-carousel-item>
</el-carousel>

第二步:

data() {return {imgDataList: [],changeIndex:'   '}},

第三步

methods:{changeNext(e){this.changeIndex=e},}

第四步

<style scoped>
/deep/.leftBtnNone {.el-carousel__arrow--left {display: none !important;}
}
/deep/.rightBtnNone {.el-carousel__arrow--right {display: none !important;}
}
</style>
http://www.lryc.cn/news/328639.html

相关文章:

  • 下载及安装PHP,composer,phpstudy,thinkPHP6.0框架
  • volatile使用场景总结
  • AcWing 1413. 矩形牛棚(每日一题)
  • macOS Sonoma 14.4.1 (23E224) 正式版发布,ISO、IPSW、PKG 下载
  • WPF使用外部字体,思源黑体,为例子
  • 9、jenkins微服务持续集成(一)
  • VOC(客户之声)赋能智能家居:打造个性化、交互式的未来生活体验
  • 时序预测 | Matlab实现GWO-BP灰狼算法优化BP神经网络时间序列预测
  • node.js学习(2)
  • 【pytest】测试数据存储在 Excel 或 TXT 文件中,如何参数化
  • ubuntu22.04@Jetson Orin Nano安装配置VNC服务端
  • 面向对象特征二:继承
  • 宝塔面板CentOS Stream 8 x86 下如何安装openlitespeed
  • LeetCode 2952.需要添加的硬币的最小数量:贪心(排序)
  • 基于SpringBoot + Vue实现的在线装修管理系统设计与实现+毕业论文
  • 阿里云安全产品简介,Web应用防火墙与云防火墙产品各自作用介绍
  • 作业 二维数组-定位问题
  • 通过Jmeter准备压测数据-mysql示例
  • 如何系统的自学python?
  • 记录一个写自定义Flume拦截器遇到的错误
  • Codeforces Round 934 (Div. 2) D. Non-Palindromic Substring
  • 如何避免公网IP安全风险
  • 探究 HTTPS 的工作过程
  • 算法学习——LeetCode力扣图论篇1
  • Stable Diffusion 模型下载:epiCPhotoGasm(真实、照片)
  • WPF 路由事件 数据驱动 、Window 事件驱动
  • 【UI框架】——保姆式使用教程
  • 第10讲:操作符详解
  • 数据可视化Grafana Windows 安装使用教程(中文版)
  • 【No.21】蓝桥杯组合数学|数位排序|加法计数原理|乘法计数原理|排列数|组合数|抽屉原理|小蓝吃糖果|二项式定理|杨辉三角|归并排序(C++)