vue
前端小白妤宝
90后,喜欢前端开发,两年工作经验,还在学习中,加油!
展开
-
vue项目利用dayjs实现课程表切换功能
【代码】vue项目利用dayjs实现课程表切换功能。原创 2023-06-30 15:15:32 · 158 阅读 · 0 评论 -
使用vue-print-n实现打印功能
vue项目前端使用vue-print-nb做打印功能原创 2023-06-29 14:09:23 · 471 阅读 · 1 评论 -
vue项目引入外部字体文件
1、在根目录的assets中新建fonts目录。2、在main.js中引入字体文件。原创 2023-02-08 11:59:37 · 948 阅读 · 0 评论 -
vue项目采用postcss自适应屏幕
1、安装postcss-px2rem。2、在根目录src中新建util,目录下新建rem.js等比适配文件。3、在 main.js中引入 rem.js文件。4、在vue.config.js中配置插件。原创 2023-02-07 11:26:51 · 1122 阅读 · 0 评论 -
vue中使用select下拉框实现三级联动
在项目中有时需要做三级联动,但采用框架不足以实现项目需求,采用下拉选择框实现三级联动甚至多级联动原创 2022-07-15 17:00:32 · 2831 阅读 · 0 评论 -
小程序页面简单功能模块化之取整
用在小程序本页面实现简单的功能模块化,此功能用来实现循环数据取整原创 2022-06-17 10:50:29 · 456 阅读 · 0 评论 -
距中心点之间的距离转化为米(两点之间的距离)
注:lat1:中心点纬度 lon1:中心点经度 lat2:周围点经纬度:lat2,lon2getDistance(lat1, lon1, lat2, lon2) { var radLat1 = (lat1 * Math.PI) / 180; //将角度换算为弧度 var radLat2 = (lat2 * Math.PI) / 180; //将角度换算为弧度 var a = radLat1 - radLat2; var b = (lon1 * Math.PI) / 180 - (lon2 * Ma原创 2022-05-17 09:47:02 · 91 阅读 · 0 评论 -
a-date-picker时间选择框的效验+使用:
a-date-picker的使用:<a-date-picker valueFormat="YYYY-MM-DD HH:mm:ss" show-time placeholder="注册时间" :value="formData.createTime" :disabled-date="disabledDate" @change="timeChangeMethod"/>import dayjs from 'dayjs';//必须引入const disabledDate = current =&原创 2022-05-09 14:51:24 · 1340 阅读 · 0 评论 -
antd-vue的date-picker时间选择限制
antd-vue的date-picker时间选择的四种限制: import dayjs from 'dayjs';//必须引入 <a-date-picker v-model:value="formData.start" format="YYYY-MM-DD" :disabled-date="disabledDate"/>(1)当天之前的不可选(包括当天),如下图所示:const disabledDate = current => { return current&原创 2022-02-12 12:49:48 · 2125 阅读 · 0 评论