Vue3 使用vue-seamless-scroll 轮播组件报错问题解决

news/2025/1/15 11:09:03/

1、npm安装组件

npm install vue3-seamless-scroll --save

全局注册

import { createApp } from 'vue';import App from './App.vue';import vue3SeamlessScroll from "vue3-seamless-scroll";const app = createApp(App);app.use(vue3SeamlessScroll);app.mount('#app');

SFC(单文件)注册

<script setup name="Index">import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
</script>

 使用

报错问题

 如下错误看引入的组件名称是否写错

 这里写的小写v就会报上面的错误 改成大写就好了

轮播有缝隙 滚动到最后会出现一段空白问题

在复制一遍结构就好了

 


http://www.ppmy.cn/news/834249.html

相关文章

Java设计模式之创建型-原型模式(UML类图+案例分析)

目录 一、基础概念 二、UML类图 三、角色设计 四、案例分析 1、通用实现&#xff08;浅克隆&#xff09; 2、深克隆 五、总结 一、基础概念 通过复制已有对象作为原型&#xff0c;通过复制该原型来返回一个新对象&#xff0c;而不是新建对象&#xff0c;说白了就是不断…

源启:云原生计算架构的行业实现

7月5日&#xff0c;由工业和信息化部网络安全产业发展中心、中国软件行业协会等单位指导&#xff0c;中国电子主办的“麒麟傲天聚创未来2023操作系统产业大会”在京举行。中电金信研究院副院长陈书华在大会上发表主旨演讲。 陈书华认为数字经济已成为社会发展的重要引擎&#…

a链接分享到facebook、twitter 如何写

//这是facebook <a href"https://www.facebook.com/sharer/sharer.php?uhttp://huayuncc.com/index.html" target"_blank" classicon ><img src"imgs/facebook-icon.png" alt""></a> //这是twitter <a href…

微软、Google、Twitter、Facebook登录

文章目录 微软、Google、Twitter、Facebook登录1.背景2.微软登录(1&#xff09;官方文档地址&#xff08;2&#xff09;时序图a、步骤10b、步骤12 3、谷歌登录&#xff08;1&#xff09;官方文档地址&#xff08;2&#xff09;时序图&#xff08;3&#xff09;步骤说明步骤7 5、…

如何运营推特营销主账号

在推特上做产品推广&#xff0c;Twitter群&#xff08;发&#xff09;推王建议&#xff1a;一般需要两类账号。 主账号&#xff1a;也就是官方号&#xff0c;用来聚集粉丝&#xff0c;日常产品信息、新闻资讯发布的&#xff1b; 批量推广号&#xff1a;也叫小号或者广告号&am…

Twitter(一)

Twitter的核心业务逻辑&#xff0c;在于Following和Be followed。[5] 进入Twitter个人主页&#xff0c;你会看到你following的那些作者&#xff0c;最近发表的微博客。所谓微博客&#xff0c;就是一则短信&#xff0c;Twitter规定&#xff0c;短信的长度不得超过140个字。短信不…

一个大神的twitter

今天看见一个大神的twitter&#xff0c;居然能够拿到微软win10各种版本的update ISO&#xff0c;还能拿到微软各种最新软件的release和preview版本&#xff0c;是黑客还是内鬼。 twitter的地址&#xff1a; https://twitter.com/WZorNET 下面是他的一些最新的twitter文链接&…

分享链接内容到Facebook和twitter

使用<a href""></a>分享链接的好处是&#xff0c;不需要第三方的依赖&#xff0c;只要客户端能访问Facebook和twitter即可(使用VPN) 1. 分享链接到Facebook的写法 <a href"https://www.facebook.com/sharer.php?u${shareUrl}" target&q…