vue element-ui 报错target is not existed: .page-component__scroll .el-scrollbar__wrap

最新推荐文章于 2024-07-25 17:11:44 发布
最新推荐文章于 2024-07-25 17:11:44 发布
阅读量171 收藏
点赞数
分类专栏： vue 文章标签： vue.js ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovewangyage/article/details/129109973
版权

vue使用element-ui的返回顶部组件示例时会报错target is not existed: .page-component__scroll .el-scrollbar__wrap

以下是官方示例

<el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>

 经过使用发现不用target就可以正常使用

<el-backtop :bottom="100" :right="10"></el-backtop>

cwangyage
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element 解决 Error: target is not existed: .page-component__scroll .el-scrollbar__wrap
qq_35770559的博客
11-06 8482
element 解决 Error: target is not existed: .page-component__scroll .el-scrollbar__wrap 初次使用element的Backtop 回到顶部组件的伙伴们，把官网代码复制到页面使用时难免会遇到这个问题： 大概意思是 .page-component__scroll 和 .el-scrollbar__wrap这两个目标不存在，接下来我们再来看看官网的文档介绍: 例子这里的target触发滚动的对象，应该是对应触发滚动class,看看控
el-backtop关于 target is not existed: .page-component__scroll .el-scrollbar__wrap的问题
zhaoz的博客
07-19 1125
element的官网提供了两种 但是我们复制到项目中会发现控制台报 target is not existed: .page-component__scroll .el-scrollbar__wrap的问题 这里以第二种为例： <el-backtop :bottom="10" :right="0"> <div style="{ height: 100%; width: 100%; border-radius: 50%; fo
vue 解决： target is not existed: .page-component__scroll .el-scrollbar__wrap“问题
且听风吟的博客
02-12 8369
这两天要实现：页面滑出一页后，返回页面顶部的功能。 使用了 element-ui 返回顶部组件 el-backtop 却报错，如下图： 原因：组件都有默认参数，可以直接使用组件，不用传参数。 把代码放在最外层包裹元素里的第一个。 参考博客：http://www.fjkysq.com/blog/77.html/ ...
elementUI中的Backtop回到顶部
福建开源社区创始人www.fjkysq.com
11-26 5889
此文章转载于福建开源社区http://www.fjkysq.com/blog/77.html 一、前言 elementUI有说明文档，但我为什么还要重新写一下呢？因为文档也有坑，一开始使用时你复制进去，可能都没有效果。也不知道原因在哪，就如Backtop回到顶部的组件，不去看源码，真心不知道是怎么个所以然。一开始，我把这个组件放到我页面的底部，结果是无效果的，而且还会报css的这两个样式错误（...
CommandError: Target database is not up-如何解决
yupei6699的专栏
08-05 5535
aise util.CommandError("Target database is not up to date.") CommandError: Target database is not up to date.
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 339
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
vue3——利用自定义指令实现下拉框分页懒加载
zmy967131的博客
07-24 411
vue3——利用自定义指令实现下拉框分页懒加载
unplugin-vue-components 的作用是什么
前端原创分享，常年坚持记录和分享，全网阅读量超百万
07-25 300
总的来说,unplugin-vue-components 通过自动化组件的导入过程,大大简化了 Vue 项目的开发流程,提高了开发效率和代码质量。自动导入组件:无需手动 import 和注册组件,插件会自动识别并按需导入使用到的组件。支持第三方UI库:内置了多个流行UI库的解析器,可以自动导入第三方组件库的组件。灵活的配置:可以通过配置文件自定义导入行为,如排除某些组件或添加自定义解析器。支持全局组件:可以设置某些组件为全局组件,在所有地方都可以直接使用。支持自定义组件目录:可以配置多个自定义的组件目录。
通过不同方式在 Vue 3 中传递路由参数
点点滴滴
07-25 501
通过path参数传递：在路由路径中定义动态参数，并使用将其作为 props 传递。通过query参数传递：在路由跳转时通过query参数传递数据，并在组件中使用useRoute获取。通过props选项传递：在路由配置中使用props选项传递静态或动态参数。
vue字段判断是否可以鼠标悬浮或者点击跳转
qq_58307541的博客
07-24 319
通过字段判断是否可以鼠标悬浮展示颜色 + 是否点击。
vue+canvas音频可视化
最新发布
m0_56104994的博客
07-25 322
canvas制作音频可视化
Vue Router高级用法：动态路由与导航守卫
天涯学馆
07-24 524
在router.js或routes: [},],});这里，:id是一个动态段，它可以匹配任何字符串。Vue Router的动态路由和导航守卫机制为构建复杂单页应用提供了强大的工具。动态路由使你能够根据实际URL中的参数灵活地调整组件的行为，而导航守卫则允许你在路由跳转前后执行自定义逻辑，如权限检查、数据预取等。通过本教程的学习，你应该能够掌握Vue Router的核心功能，并将其应用于实际项目中。
多多OJ评测系统 在前端脚手架Vue-Cli中设置页面路由
多多的博客
07-24 355
其实vue - cli脚手架自动帮我们生成了一个路由文件。就是每次刷新的时候 页面把路由信息同步到菜单项上。这样就能实现 在哪个页面刷新 还会停留在哪个页面。在刚刚的原始路由 index.ts中导入就行了。我们把菜单上的路由改成读取路由文件。就能跳转到我们对应的路由文件上去。设置成export 导出路由。首先我们把路由不设置成默认的。同步去更新菜单栏的高亮状态。在这边引入我们的路由文件。接下来要同步路由到菜单项。我们先把一部分给提出来。我们的路由文件是这样的。接下来我们要去绑定事件。我们把菜单不写成死的。
Vue3 study
m0_53256503的博客
07-24 876
toRefs 和 toRef 都可以用来结构响应式对象，并且仍为响应式的// 为什么这里不是 sum.value？// 因为只能监视 ref 定义的数据，.value 则为一个基本数据类型的数据了})// 如何结束监视})如果直接写对象名，监视的是对象的地址值，若想监视对象内部数据，要手动开启深度监视细节：如果修改对象属性，你会发现 newVal 和 oldVal 的值相同，因为监视的对象并未改变，修改完属性后才进入 watch 函数读取的新旧对象是同一个；
谷粒商城实战笔记-54-商品服务-API-三级分类-拖拽效果
epitomizelu的专栏
07-24 732
这个函数接受三个参数，分别代表正在拖动的节点、可能的放置目标节点以及放置位置。el-tree控件加上允许拖拽的属性draggable，此外还需要根据层级判断是否能拖动，通过给allow-drop绑定事件allowDrag实现这个需求。类型的对象，表示当前正在被拖动的节点。它包含了关于拖动节点的所有信息，如节点的数据、状态等。如果拖动过程中没有特定的放置目标（例如，拖动到树的空白区域），这个参数可能是。，分别表示拖动的节点将放置在目标节点之前、之后或内部。类型的对象，表示潜在的放置目标节点。
el-table合计行更新问题
weixin_45580774的博客
07-24 493
说明：在使用el-table自带的底部合计功能时，初始界面不会显示合计内容。
vue引入umy-ui报错[vue warn]: property or method "__v_isref" is not defined o
01-07
这个错误是由于引入的umy-ui库与vue版本不兼容所导致的。 在vue中，使用__v_isref变量来引用ref属性，但是这个变量在新版本的vue中被移除了。 要解决这个问题，可以通过升级或降级vue版本来解决。 如果你使用的是较...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值