element的官网提供了两种

但是我们复制到项目中会发现控制台报
target is not existed: .page-component__scroll .el-scrollbar__wrap的问题
这里以第二种为例:

<el-backtop :bottom="10" :right="0"><divstyle="{height: 100%;width: 100%;border-radius: 50%;font-size: 13px;background-color: #f2f5f6;box-shadow: 0 0 6px rgba(0,0,0, .12);text-align: center;line-height: 20px;color: #1989fa;padding: 8px;}">返回顶部</div></el-backtop>

其实解决方法很简单
把target=".page-component__scroll .el-scrollbar__wrap"这一部分直接删除,
但是这里需要把el-backtop放到最外层的那个div上;或者就是给外层的div加高度,有几个加几个 每个相关的div都需要加高度;


完美解决 且无报错,
哈哈哈,遇到问题不要慌,多试一试就好了!

el-backtop关于 target is not existed: .page-component__scroll .el-scrollbar__wrap的问题相关推荐

  1. element 解决 Error: target is not existed: .page-component__scroll .el-scrollbar__wrap

    element 解决 Error: target is not existed: .page-component__scroll .el-scrollbar__wrap 初次使用element的Bac ...

  2. vue.esm.js?efeb:628 [Vue warn]: Error in mounted hook: “Error: target is not existed: .page-componen

    vue.esm.js?efeb:628 [Vue warn]: Error in mounted hook: "Error: target is not existed: .page-com ...

  3. org.apache.jasper.el.ELContextImpl cannot be cast to org.apache.jasper.el.ELContextImpl

    Maven 项目部署到tomcat中,导致访问localhost:8080是提示错误org.apache.jasper.el.ELContextImpl cannot be cast to org.a ...

  4. 使用element回到顶部组件报错“Error: target is not existed: .page-component__scroll .el-scrollbar__wrap“

    官方例子 <template>Scroll down to see the bottom-right button.<el-backtop target=".page-co ...

  5. vue 解决: target is not existed: .page-component__scroll .el-scrollbar__wrap“问题

    这两天要实现:页面滑出一页后,返回页面顶部的功能. 使用了 element-ui 返回顶部组件 el-backtop 却报错,如下图: 原因:组件都有默认参数,可以直接使用组件,不用传参数. 把代码放 ...

  6. target is not existed: .page-component__scroll .el-scrollbar__wrap

    要实现回到顶部,使用elementui组件 官网提示就这一句话 但是在代码里使用了,控制台却报错了 最后发现直接不用官方的配置就好了,只放<el-backtop />就可以!! 代码和位置 ...

  7. 在javascript中使用el表达式(jsp中的javascript中支持写el表达式,毋庸置疑,单独的js文件中不支持写el表达式,别钻牛角尖)

    哎,够背的,最后4张图怎么调整都很小,看不清楚,所以大家还是看我这篇文章吧在javascript中使用el表达式(图片清晰版,有图有真相),这篇文章的图片可以正常看清楚,跟我这篇文章是一样的内容! 有 ...

  8. JSP常用标签——JSTL标签和EL表达式

    一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复 ...

  9. 小汤学编程之JavaEE学习day04——EL表达式、JSTL

    一.EL表达式 1.EL表达式简介     2.禁用EL     3.EL中的11个隐式对象     4.EL表达式的作用 二.JSTL 1.引入步骤     2.通用标签     3.条件标签    ...

最新文章

  1. 【Go】Go基础(三):基本结构和基本数据类型
  2. SAP BI基本概念
  3. Redis 基本数据类型和使用
  4. 进行简单的四则运算(限制:小学水平)
  5. python提取格式化日志
  6. 求会议安排的时间最大化(回溯法)
  7. Emscripten 单词_背单词分享 | 我觉得实用的背单词方法
  8. 软考一些可能有用的链接
  9. Halcon匹配助手
  10. 如何在word中打印对勾和叉
  11. 二十四节气(历法)_The 24 Solar Terms
  12. 腾讯云成立星星海实验室,聚焦云原生服务器硬件研发
  13. FLASH 艺术字利器 SwishMax2
  14. 宁波大学c语言理论考试试题科目一,c丨科目一理论考试
  15. MindSpore Graph Learning
  16. 云计算运维需要经常上夜班吗?需要倒班吗?
  17. HCIA------HDLC和PPP
  18. java程序员玩游戏吗_Java程序员:工作还是游戏 该好好衡量一下
  19. 每日英语:The Peak Time For Everything
  20. s1.1024gc.net/bbs/index.php,1.12.2游戏崩溃/_ \,那位大神解答一下

热门文章

  1. 【NLP】文本分类TorchText实战-AG_NEWS 新闻主题分类任务(PyTorch版)
  2. mysql定时任务,每天凌晨1点执行
  3. 【转载】研究生退学记——谨以此记录我半途而废的研究生生涯
  4. python逆序输出_python倒序输出
  5. 大数据与认识论一、主体与对象
  6. AMiner论文推荐——Large-scale Localization Datasets in Crowded Indoor Spaces
  7. JS-打开新窗口(window.open)/关闭窗口(window.close)
  8. 树分治(挑战p360)
  9. Springcloud个人总结
  10. mysql添加多列_mysql 怎么给一个表一次增加多个字段? ?