vue滚动到指定位置

一、首先获取需要滚动的外层容器的宽度

let boxWidth = this.$refs.box.offsetWidth

二、计算出容器内单个元素的宽度，以12个为例

let itemWidth = boxWidth / 12

三、计算出容器内单个元素的宽度，以横向滚动，内部12个元素为例

this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/143129.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【Ubuntu】安装Docker

【Ubuntu】安装Docker

一、查看系统基本情况 1.1 查看系统版本 指令一 lsb_release -aNo LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 20.04.6 LTS Release: 20.04 Codename: focal 指令二 cat /etc/lsb-release DISTRIB_IDUbuntu DISTRIB_RELEASE20.04 DISTRIB_CODE…
阅读更多...
Flutter笔记 - 关于 fit 属性以及相关知识的总结

Flutter笔记 - 关于 fit 属性以及相关知识的总结

Flutter笔记 关于 fit 属性以及相关知识的总结 作者：李俊才 （jcLee95）：https://blog.csdn.net/qq_28550263 邮箱 ：291148484163.com 本文地址：https://blog.csdn.net/qq_28550263/article/details/13434451…
阅读更多...
软考高级职称哪个好考？明确给你答案

软考高级职称哪个好考？明确给你答案

软考考试分为初、中、高三级，其中高级5个方向分别为系统分析师、信息系统项目管理师、网络规划设计师、系统架构设计师、系统规划与管理师。软考高级职称考什么好？有很多人是因为要评高级职称而选择参考软考高级资格考试，那么软考高级里哪个资…
阅读更多...
16个值得推荐的.NET ORM框架

16个值得推荐的.NET ORM框架

什么是ORM? ORM 是 Object Relational Mapping 的缩写，译为“对象关系映射”，是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。它解决了对象和关系型数据库之间的数据交互问题，ORM的作用是在关系型…
阅读更多...
txt2xml

txt2xml

import os import cv2 import pathlib from xml.dom.minidom import Document # 支持多种格式图片,可以自己添加 def search_file_name(file_path, img_root): file_format [.jpg, .JPG, .png, .PNG, .JPEG, .jpeg] file_path pathlib.Path(file_path) file_name…
阅读更多...
数字化企业各业务模块模型

数字化企业各业务模块模型

1.计划 1.1采购计划执行情况 序号 采购计划号 采购订单号 业务员 供应商 物料 数量 金额 计划入库日期 实际入库日期 状态 针对企业执行中或者未关闭的采购计划进行统计与分析，主要目的在于引领企业员工与领导关注长期在途的采购…
阅读更多...
Android修行手册 - 可变参数中星号什么作用（冷知识）

Android修行手册 - 可变参数中星号什么作用（冷知识）

点击跳转>Unity3D特效百例点击跳转>案例项目实战源码点击跳转>游戏脚本-辅助自动化点击跳转>Android控件全解手册点击跳转>Scratch编程案例点击跳转>软考全系列 👉关于作者 专注于Android/Unity和各种游戏开发技巧，以及各种资源分享&…
阅读更多...
如何选择工业以太网交换机？

如何选择工业以太网交换机？

现在市面上有许多品牌的工业以太网交换机，并且类型也相当复杂。在选择交换机的时候，需要考虑多个因素，比如工作环境、是否需要冗余配置、是否需要网管功能、是否需要非网管功能、以及未来的维护和扩展性等。通常情况下，当选择工业…
阅读更多...
Istio学习笔记- 服务网格

Istio学习笔记- 服务网格

Istio 服务网格 参考：Istio / Istio 服务网格 Istio 使用功能强大的 Envoy 服务代理扩展了 Kubernetes，以建立一个可编程的、可感知的应用程序网络。Istio 与 Kubernetes 和传统工作负载一起使用，为复杂的部署带来了标准的通用流量管理、遥…
阅读更多...
别试错了，是该关注一下软件内在质量了

别试错了，是该关注一下软件内在质量了

太多这种例子了，老板们早上出的新想法，恨不得第二天就能上线。。每个互联网公司都试图突破固定领地，不断地尝试新的业务，一旦发现不行，就立刻砍掉，名曰“试错”。 研发部门，为了应对压力&#…
阅读更多...
技术总结大杂烩

技术总结大杂烩

mysql引擎 MySQL常用存储引擎：MyISAM、InnoDB、MEMORY、MERGE，其中InnoDB提供事务安全表，其他存储引擎都是非事务安全表。 MyISAM：mysql默认存储引擎。MyISAM不支持事务，也不支持外键，但其访问速度快&…
阅读更多...
py 打开多个页面

py 打开多个页面

要在Python中打开多个网页，可以使用Python的网络爬虫库（如BeautifulSoup或Scrapy）或第三方库（如Selenium）来模拟浏览器操作。 使用BeautifulSoup或Scrapy等库，可以通过编写代码来抓取网页上的内容&#xf…
阅读更多...
[每周一更]-(第71期)：DevOps 是什么？

[每周一更]-(第71期)：DevOps 是什么？

Wiki的解释： DevOps（Development和Operations的混成词）是一种重视“软件开发人员（Dev）”和“IT运维技术人员（Ops）”之间沟通合作的文化、运动或惯例。 通过自动化“软件交付”和“架构变更”的…
阅读更多...
day14-文件系统工作流程分析

day14-文件系统工作流程分析

1.内核启动文件系统后，文件系统的工作流程 1.参数的接收 2.参数的解析 3.参数的应用 问题： 1. UBOOT 传给 KERNEL 的参数是以tagglist进行的 KERNEL 传给 文件系统(busybox)的参数是以什么进行的？ 2. 在整个文件系统中都需…
阅读更多...
马尔可夫过程

马尔可夫过程

马尔可夫决策过程 马尔可夫含义 马尔可夫性质 在给定历史状态 s 0 , … , s t s_0,\dots,s_t s0​,…,st​的情况下，某个状态的未来只与当前状态 s t s_t st​有关，与历史的状态无关。 ​ p ( s t 1 ∣ s t ) p ( s t 1 ∣ s 0 , s 1 , … , s t…
阅读更多...
【python】单词接龙

【python】单词接龙

题目： 这是一个关于“单词接龙”的算法题目。在这个游戏中，我们需要从给定的一组单词中，以特定的开头字母构造出一条最长的“龙”。每个单词在这条“龙”中最多出现两次。当两个单词相连时，它们的重合部分被合并成一个。例如&…
阅读更多...
spring boot中使用Bean Validation做优雅的参数校验

spring boot中使用Bean Validation做优雅的参数校验

一、Bean Validation简介 Bean Validation是Java定义的一套基于注解的数据校验规范，目前已经从JSR 303的1.0版本升级到JSR 349的1.1版本，再到JSR 380的2.0版本（2.0完成于2017.08），目前最新稳定版2.0.2（201…
阅读更多...
LMI相机配置步骤，使用Gocator2550相机

LMI相机配置步骤，使用Gocator2550相机

在此之前可以先浏览我编写的相机SDK通用类和LMISDK，进行配套观看 https://blog.csdn.net/m0_51559565/article/details/134404394 //LMI相机SDK https://blog.csdn.net/m0_51559565/article/details/134403745 //相机通用类1.启动LMI加速器 LMI加速器用于将相机…
阅读更多...
什么是智能井盖？万宾科技的智能井盖传感器的效果

什么是智能井盖？万宾科技的智能井盖传感器的效果

近年来为打造智慧城市政府一直在不懈努力。加速城市基础建设是一项重要的举措，它有助于推动城市综合治理城市生命线的建设工程。在改善市民生活质量的过程中，市政部门正积极进行井盖的改进和升级工作，特别是那些看似微不足道的井盖却蕴含着重…
阅读更多...
Java基于itextPDF实现pdf动态导出

Java基于itextPDF实现pdf动态导出

Java基于itextPDF实现pdf动态导出 1、制作PDF导出模板2 、集成itextpdf3 、编写实体4 、编写主要代码5、编写controller并测试补充：踩坑记录 现在的业务越来越复杂了，有些业务场景已经不能满足与EXCEL导出和WORD导出了，例如准考证打印&#x…
阅读更多...
最新文章

Copyright @ 2022~2023