vue中锚点定位scrollIntoView

最新推荐文章于 2024-07-02 18:25:19 发布

RAY_CHEN.

最新推荐文章于 2024-07-02 18:25:19 发布

阅读量502

点赞数 10

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44707050/article/details/136166779

版权

本文介绍了如何在Vue.js应用中使用ElementUI的scrollIntoView方法，以便于实现页面内的内容滚动到指定元素，提升用户界面的交互体验。

摘要由CSDN通过智能技术生成

 <el-card class="maodian">
            <div slot="header" class="clearfix">
              <span>maodian</span>
            </div>
           
</el-card>

 <el-button
                   
                      type="text"
                      @click="handleJump('.maodian')"
                      >maodian</el-button>

    Jump(val) {
      const dom = document.querySelector(val);
      if (dom) {
        dom.scrollIntoView(true);
      }
    },

使用element.scrollIntoView跳转

关注博主即可阅读全文