- 博客(13)
- 收藏
- 关注
原创 海创软件组--20200823--Vue使用百度地图获取当前城市--vue项目用vue-particles实现类似博客上的鼠标移动粒子连线动画
文章目录一:Vue使用百度地图获取当前城市1:申请百度地图密匙注册登录后需要进行开发者认证创建应用获取密匙AK2:Vue项目使用下载相应插件html文件引入创建一个新的js文件(下一步需要引入)组件引入js并使用3:效果二:vue项目用vue-particles实现类似博客上的鼠标移动粒子连线动画1:前言2:实现过程2.1:下载依赖2.2:全局引入2.3:使用2.4:效果2:参数意义3:设置背景图一:Vue使用百度地图获取当前城市1:申请百度地图密匙我们需要提前在百度地图开放平台申请密匙才能使用对应的
2020-08-21 22:51:30 228
原创 Vue使用百度地图获取当前城市
Vue使用百度地图获取当前城市一:申请百度地图密匙注册登录后需要进行开发者认证创建应用获取密匙AK二:Vue项目使用下载相应插件html文件引入创建一个新的js文件(下一步需要引入)组件引入js并使用效果一:申请百度地图密匙我们需要提前在百度地图开放平台申请密匙才能使用对应的接口去获取城市信息。百度地图开放平台:http://lbsyun.baidu.com/apiconsole/center#/home注册登录后需要进行开发者认证主要是需要登记认证身份证,这环节需要身份证照片,认证很快,基本提
2020-08-19 14:02:51 2115 3
原创 vue项目用vue-particles实现类似博客上的鼠标移动粒子连线动画
vue项目用vue-particles实现类似博客上的鼠标移动粒子连线动画前言实现过程一:下载依赖二:全局引入三:使用四:效果五:参数意义六:设置背景图前言看到博客中的鼠标移动粒子连线动画后,我非常想将之用于自己写的后台项目中。实现过程一:下载依赖npm install vue-particles --save-dev二:全局引入import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticle
2020-08-16 23:28:28 1102
原创 vue前端导出excel表格
vue前端导出excel表格前言实现步骤一:下载依赖二:项目引入两个js文件三:修改配置四:使用五:效果截图六:贴上第二步js代码Bolb.js:ExportExcel.js:前言这个虽然能实现导出表格,但个人觉得实现起来挺麻烦(我是根据网上的一些残缺资料一步步做的,其中报了不少错,弄了很久,下面是总结了一下实现过程),整体效果不好,或许是我对这个研究不深吧,总之,我还是弃用这个,用回了以前常用的(更简单实用呦)那个,可以看下vue使用vue-json-excel将后台的json数据导出excel表格
2020-08-16 22:40:23 630 1
原创 海创软件组--20200816--js处理浮点数保留两位小数--Vue使用less报错的解决方法--Vue使用Element-UI部分组件适配移动端
文章目录js处理浮点数保留两位小数前言处理方法1:转换字符串截取法2:正则表达式处理3:Math.round()方法,四舍五入处理最后补充Math的其他方法Vue使用less报错的解决方法前言解决指定较低版本的less-loader来下载以下是解决时的截图我新建的项目下载的less,less-loader版本我新建的项目使用less报错查看之前模板的less,less-loader版本将最新的less-loader版本修改之前的5.0.0版本的less-loader运行成功Vue使用Element-UI部分
2020-08-15 00:12:18 320
原创 vue使用Element-UI部分组件适配移动端
文章目录前言vue使用Element-UI部分组件适配移动端组件适配1---Message 消息提示适配样式代码组件适配2---MessageBox 弹框适配样式代码组件适配3---Dialog 对话框适配样式代码结语前言 使用组件库现成的组件是一件非常爽的事,基本不用自己敲代码,不用自己思考来思考去样式,就能得到一个比较满意的效果。但与此同时也会带来一些不便,那就是部分组件在移动端显得不太友好,还有就是有些样式达不到自己的预期,这时修改起来就比较麻烦了。
2020-08-14 23:24:33 28778 9
原创 Vue使用less报错的解决方法
文章目录Vue使用less报错的解决方法前言解决指定较低版本的less-loader来下载以下是解决时的截图我新建的项目下载的less,less-loader版本我新建的项目使用less报错查看之前模板的less,less-loader版本将最新的less-loader版本修改之前的5.0.0版本的less-loader运行成功Vue使用less报错的解决方法前言 接触vue将近一年了,之前都是用Less 作为css的预处理语言,所以封装好了一个基本的项目
2020-08-12 23:09:19 3073 1
原创 js处理浮点数保留两位小数
文章目录js处理浮点数保留两位小数前言处理方法1:转换字符串截取法2:正则表达式处理3:Math.round()方法,四舍五入处理最后补充Math的其他方法js处理浮点数保留两位小数前言 最近在做酒店管理系统的时候,有个订单总金额需要我根据每天房价计算,但因为房价是有两位小数的浮点数,有时候会有所偏差,例如20.02 * 3 * 3 = 180.1800000001等等,这就需要我们对数据自行处理了。处理方法1:转换字符串截取法function de
2020-08-08 21:42:01 3018
原创 海创软件组--20200809--js如何获取当天00:00:00的时间对象--Vue使用element-ui图片地址失效两种处理(替换和隐藏)
文章目录js如何获取当天00:00:00的时间对象前言:解决方法:Vue使用element-ui图片地址失效两种处理(替换和隐藏)前言:处理方式:一:替换二:隐藏三:继续思考js如何获取当天00:00:00的时间对象前言:最近在做一个酒店后台管理系统,其中一个接口参数是起止时间,需要传起止两天00:00:00,所以按以往单纯的new Date()肯定是无法实现的。解决方法:new Date(“2020/10/10”),“2020/10/10"相当于"2020/10/10 00:00:00”。va
2020-08-07 19:55:46 610
原创 Vue使用element-ui图片地址失效两种处理(替换和隐藏)
文章目录前言处理方式一:替换二:隐藏三:继续思考前言 相信很多人都会遇到图片地址失效导致无法显示图片,只显示几个字(加载失败),这样非常不美观。最近我在图片遍历显示时也遇到了其中一张图地址失效的问题,一堆图片中夹着一个加载失败,呃,感觉很不舒服,所以只能想办法解决。处理方式一:替换有时候可以选择用一张图片替换地址失效的图片,这样可以保持原有结构并且保证美观。<el-image :src="img.uRL" v-for="(img,in
2020-08-07 19:36:05 4832 1
原创 js如何获取当天00:00:00的时间对象
前言:最近在做一个酒店后台管理系统,其中一个接口参数是起止时间,需要传起止两天00:00:00,所以按以往单纯的new Date()肯定是无法实现的。解决方法:new Date(“2020/10/10”),“2020/10/10"相当于"2020/10/10 00:00:00”。var date = new Date("2020/08/07")this.start = datethis.end = new Date(date.getTime() + 1000 * 60 * 60 * 24) //
2020-08-07 00:15:28 4247
原创 解决数组遍历时采取同步请求获取数据更新数组元素后视图不更新
文章目录1:前言2:解决办法2.1:采取this.$set(obj, '属性名', newval)更新对象数据2.2:采取this.$set(数组, 下标index, newval)更新数组数据1:前言最近遇到需要前端自己大量处理数据,通过请求多个接口获取数据再整合展示。例如展示酒店列表吧,我采取的办法是获取酒店列表ID数组,而后通过遍历ID数组并同时将其中的hotelID作为参数发送同步请求获取酒店静态信息并更新到一个存储酒店列表数据的变量数组中,之后还需要在这个变量数组中进行遍历每个酒店的基本房型下
2020-08-01 18:52:09 756
原创 海创软件组--20200802--vue实现网页中英文切换--Element日历区分上个月下个月等按钮和日期点击事件
文章目录一:vue使用vue-i18n插件实现网页中英文切换1:下载vue-i18n插件2:自己定义中英文两套js文件3:配置main.js文件4:通过点击事件切换语种5:数据渲染6:效果图二: Element日历区分上个月下个月等按钮和日期点击事件1:前言2:解决办法2.1: 给日历中的`tbody`元素添加点击事件:3:其他思路3.1:watch监听日历绑定数据变化实现更新数据:3.2:给上个月,下个月,今天三个按钮添加点击事件:一:vue使用vue-i18n插件实现网页中英文切换1:下载vue-i
2020-08-01 15:18:54 728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人