赞助
上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 46 下一页
摘要: vant: https://youzan.github.io/vant/#/zh-CN/ 安装 cnpm i -S vant 按需加载配置 # 在 babel.config.js 中配置 module.exports = { plugins: [ ['import', { libraryName:  阅读全文
posted @ 2021-01-13 11:18 Tsunami黄嵩粟 阅读(892) 评论(0) 推荐(1)
摘要: better-scroll: https://better-scroll.github.io/docs/zh-CN/guide/ 影院列表数据使用better-scroll来完成数据的展示,此插件对于移动站点的滚动非常友好 安装 cnpm i -S better-scroll html结构一定要规定 阅读全文
posted @ 2021-01-12 17:15 Tsunami黄嵩粟 阅读(219) 评论(0) 推荐(0)
摘要: 聊聊上篇随笔底部菜单隐藏 是vue做的移动端 先在mins.js里面写上事件总线 // 实例化一个事件总线对象 Vue.prototype.$bus = new Vue() 在App.vue文件里面写上 <template> <div> <!-- 这个就是你底部菜单 --> <FooterNav v 阅读全文
posted @ 2021-01-12 16:17 Tsunami黄嵩粟 阅读(76) 评论(0) 推荐(0)
摘要: swiper:https://www.swiper.com.cn/usage/index.html 安装swiper cnpm i -S swiper 在功能组件中定义Swiper组件并设置好插槽 <template> <div class="swiper-container"> <div clas 阅读全文
posted @ 2021-01-12 15:59 Tsunami黄嵩粟 阅读(192) 评论(0) 推荐(0)
摘要: 安装 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)
摘要: 先定义好路由在router文件下面创建一个新的文件夹里面写上自己定义的路由 export default { path: '/detail/:id', component: () => import('@views/Detail/Detail') } 在主路由引入对应的模块路由 import det 阅读全文
posted @ 2021-01-08 19:09 Tsunami黄嵩粟 阅读(254) 评论(0) 推荐(0)
摘要: 吸顶效果 如何得到滚动条滚动的距离,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)
摘要: 所谓动态路由就是路由规则中有部分规则是动态变化的,不是固定的值,需要去匹配取出数据(即路由参数)。 // 传递参数id var router = new VueRouter({ // routes是路由规则数组 routes: [ { path: '/user/:id', component: Us 阅读全文
posted @ 2021-01-07 18:15 Tsunami黄嵩粟 阅读(103) 评论(0) 推荐(0)
上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 46 下一页