vue点击按钮回到顶部事件

最新推荐文章于 2024-08-30 14:16:59 发布

swx980

最新推荐文章于 2024-08-30 14:16:59 发布

阅读量676

点赞数

分类专栏： VUE 文章标签： js

本文链接：https://blog.csdn.net/swx999/article/details/108965877

版权

本文介绍如何在Vue项目中实现一个功能，当用户点击按钮时，页面能够平滑滚动到顶部。主要涉及JavaScript和Vue.js的基础知识，包括DOM操作和事件监听。

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

<template>
  <div id="app">
    <router-view />
    <img
      src="../src/images/imgs/footer/up.png"
      alt=""
      id="return_top"
      style="display: block"
    />
  </div>
</template>

<script>
export default {
   
  name: "App",
  mounted() {
   
    // var deviceWidth
    // setHtmlFontSize()

    // if (window.addEventListener) {
   
    //   window.addEventListener('resize', function () {
   
    //       setHtmlFontSize()
    //   }, false)
    // };
    // function setHtmlFontSize () {
   
    //   // 1920是设计稿的宽度