随笔分类 - vue组件
组件库
摘要:vue3无限滚动插件 vue3-infinite-scroll-better 支持Vue3的滚动加载插件,所有用法和vue-infinite-scroll一致。并解决了一些bug。 安装 npm install vue3-infinite-scroll-better --save api | 参数
阅读全文
摘要:vue中使用Moment日期格式化 moment.js是一个JavaScript 日期处理类库。 由于用ant design日期组件取得的值是moment类型,而往数据库中保存需要的是字符串类型.这里就用到了moment日期转换 Moment.js官网:http://momentjs.cn/ 安装插
阅读全文
摘要:vue3配置rem适配 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem amfe-flexible 用于设置 rem 基准值 npm i postcss-pxtorem@5.1.1 使用 amfe-flexible 动态设置 REM 基准值(html 标签的字
阅读全文
摘要:vue3使用NProgress顶部进度条 NProgress是一个轻量级的进度条组件,在Github上已经2.4万star数了,虽然这个组件已经好久没有更新了,最近一次更新是20年4月份,改了jQuery的版本,但是该组件的使用频率还是高的。 插件安装 $ npm install --save np
阅读全文
摘要:vue3图片懒加载 懒加载就是延时加载,即当需要用到的时候再去加载 减少首页首次加载的数量,减少服务器的压力 网络请求比较慢的时候, 提前给图片添加一个像素比较低的占位图片,或显示大片空白,体验更好一点。 安装vue3-lazy $ npm install vue3-lazy -S main.ts
阅读全文
摘要:安装组件 npm install vue-quill-editor -S 组件挂载 有两种挂载方式: 全局挂载 和 在组件中挂载,根据自己的项目需求选择,一般用到富文本编辑都是在某一个项目中 全局挂载 // main.js import Vue from 'vue' import VueQuillE
阅读全文