2021 年 1月 8 日随笔档案 - Tsunami黄嵩粟

2021年1月8日

摘要：安装 npm i -S vue-lazyload 在src/main.js文件中添加如下内容 import VueLazyload from ‘vue-lazyload’ Vue.use(VueLazyload,{ 加载时要显示的图片这里是懒加载的图片 loading:'http://ex.coc 阅读全文

posted @ 2021-01-08 22:17 Tsunami黄嵩粟阅读(76) 评论(0) 推荐(0)

vue带有参数的路由跳转动态路由

摘要：先定义好路由在router文件下面创建一个新的文件夹里面写上自己定义的路由 export default { path: '/detail/:id', component: () => import('@views/Detail/Detail') } 在主路由引入对应的模块路由 import det 阅读全文

posted @ 2021-01-08 19:09 Tsunami黄嵩粟阅读(254) 评论(0) 推荐(0)

vue导航固定吸顶效果

摘要：吸顶效果如何得到滚动条滚动的距离，document.documentElement.scrollTop 通过onscroll事件来完成滚动事件监听，达到吸顶值后，进行样式更换阅读全文

posted @ 2021-01-08 18:10 Tsunami黄嵩粟阅读(169) 评论(0) 推荐(0)

导航守卫

摘要：导航守卫就是路由跳转过程中的一些钩子函数，这个过程中触发的这些函数能让你操作一些其它事情时，可以进行过滤操作，这就是导航守卫。 ² 全局守卫 # 全局前置守卫路由规则文件中定义 //当一个导航触发时,触发前置守卫， to: Route: 即将要进入的目标路由对象 from: Route: 当前导阅读全文

posted @ 2021-01-08 17:54 Tsunami黄嵩粟阅读(111) 评论(0) 推荐(0)

命名路由

摘要：通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。 # 路由 const router = new VueRouter({ routes: [ { path: '/user/:id', name: 'user', component: User } ] }) 阅读全文

posted @ 2021-01-08 17:21 Tsunami黄嵩粟阅读(112) 评论(0) 推荐(0)