(vue)点击按钮跳转到对应位置

最新推荐文章于 2024-05-10 19:09:10 发布

nyf_unknown

最新推荐文章于 2024-05-10 19:09:10 发布

阅读量631

点赞数

分类专栏： VUE JS 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44754635/article/details/130931957

版权

VUE 同时被 2 个专栏收录

189 篇文章 2 订阅

订阅专栏

52 篇文章 0 订阅

订阅专栏

(vue)点击按钮跳转到对应位置

按钮：
在这里插入图片描述

对应位置:
在这里插入图片描述

代码：

<el-button
  type="primary"
  round
  class="button2"
  @click="buttonClick('免费1V1咨询');startBtn()"
>免费1V1咨询</el-button>

//表单盒子
<div class="main-bottom">
...
</div>

//定位
startBtn() {
  this.$el
    .querySelector(".main-bottom")
    .scrollIntoView({ block: "start", behavior: "smooth" });
},