摘要: https://blog.csdn.net/Liuyanan990830/article/details/126859722?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefau 阅读全文
posted @ 2022-11-04 17:08 小成- 阅读(23) 评论(0) 推荐(0)
摘要: 切换路由时,路由的滚动条还是在底部 const router = new VueRouter({ routes, // 控制切换路由时滚动行为 scrollBehavior(to, from, savedPosition) { if (savedPosition) { return savedPos 阅读全文
posted @ 2022-11-04 14:29 小成- 阅读(17) 评论(0) 推荐(0)
摘要: 安装elementUi组件库 npm i element-ui -S 安装 babel-plugin-component npm install babel-plugin-component -D 修改babel.config.js文件 module.exports = { presets: ["@ 阅读全文
posted @ 2022-11-03 21:09 小成- 阅读(88) 评论(0) 推荐(0)
摘要: 选择自己喜欢的icon图标,添加图库到项目 生成链接 (Font class) 复制后的代码添加到 public文件夹下面的index.html 例: <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3748529_azzxyc 阅读全文
posted @ 2022-11-03 19:11 小成- 阅读(21) 评论(0) 推荐(0)
摘要: 在入口文件引入css文件 有相应的结构,才能出实话swiper实例 为什么swiper实例在mounted当中直接书写不可以,因为结构还没有完整 可以先放在一个定时器方法里面(setTimeout) 最完美的解决方法 ,解决轮播图问题 watch + nextTick : 数据监听,监听已有数据变化 阅读全文
posted @ 2022-10-14 13:28 小成- 阅读(25) 评论(0) 推荐(0)
摘要: 经常制作轮播图(移动端|PC端) 引入相应的依赖包 (swiper.js | swiper.css) 页面中的结构务必要有 初始化swiper实例,给轮播图添加动态效果 阅读全文
posted @ 2022-10-13 16:34 小成- 阅读(21) 评论(0) 推荐(0)
摘要: Mock数据(模拟):如果你想模拟mock数据,需要用到一个插件mock.js 在项目当中src文件中创建mock文件夹 第二步准备JSON数据(mock文件夹中创建相应的JSON文件) 格式化一下,别留有空格(跑不起来) 把mock数据需要的图片放置到public文件夹中 【public文件夹在打 阅读全文
posted @ 2022-10-13 13:47 小成- 阅读(157) 评论(0) 推荐(0)
摘要: 网址 https://docschina.org/ 阅读全文
posted @ 2022-10-13 12:35 小成- 阅读(12) 评论(0) 推荐(0)
摘要: 如果携带params参数,需要占位 keyword 就是占位 ?代表params 可传可不传 { path: "/search/:keyword?", component: Search, name: "Search", meta: { isshow: true, }, }, params 参数不可 阅读全文
posted @ 2022-10-13 12:26 小成- 阅读(51) 评论(0) 推荐(0)
摘要: Lodash 插件 里面封装函数的防抖和节流的业务 【闭包 + 延时器】 官网:https://www.lodashjs.com/docs/lodash.debounce 防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会触发一次 (输入框) 防抖 阅读全文
posted @ 2022-10-12 14:43 小成- 阅读(236) 评论(0) 推荐(0)