nuxt.js 引入Jquery的方法

发布时间 2023-07-27 15:01:49作者: 村长17岁

步骤1 npm下载jquery:

npm install jquery --save

步骤2 在nuxt.config.js配置引入

const webpack = require('webpack');
export default{
  build:{
   plugins: [
     new webpack.ProvidePlugin({
       '$': 'jquery'
      })
     ]
   }
}

步骤3 页面中使用:

// 针对下滑的高度 显示隐藏
$(window).scroll(function () {
  let scrollTop = $(window).scrollTop();
    console.log(scrollTop);
    if (scrollTop > 200) {
      $(".softNav").css('margin-top', '0')
    } else {
      $(".softNav").css('margin-top', '-64px')
    }
  })

?没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。
?如果此篇博文对您有帮助,还请动动小手点赞 ? 收藏 ⭐留言 ?呐~,谢谢 ~ ~