- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue中高德地图限制拖拽地图的范围
1、首先要在地图加载完成切中心点已确定的地方获取当前地图边界范围坐标(我的map用的是全局map)this.logMapBounds()logMapBounds() { var bounds = this.map.getBounds(); // 横纬竖经 this.northa=bounds.northeast.toString() this.southa=bounds.southwest.toString() // console.log(bounds,
2022-05-17 10:44:04
1719
原创 vue H5页面制作微信公众号前期准备
首先vue项目的搭建过程就不说了接下来进入正题最重要的是配置成手机端页面也就是h5页面：vue项目中在index.html中配置<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">(function (doc, win) { var docEl = doc.documentElement,
2021-12-29 11:07:53
900
原创 js如何将多维数组转换成一维数组
因为需要将获取到的二位数组数据转换成以为数组使用，所以采取了以下方法：二维->一维：let arr=[[1,2,3],[4,5],[6]];console.log([].concat.apply([],arr));//输出 [1, 2, 3, 4, 5, 6]ES6 flat[1, 2, [3, 4]].flat()//flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。//如果我们不知
2021-11-25 10:23:29
2902
1
原创 vue clipboard复制文本
使用npm install clipboard --save;import clipboard from 'clipboard';// 文本复制function copySuccess() { Vue.prototype.$message({ type:'success', message:'复制文本成功', duration: 1500 })} function copyFail() { Vue.prototype.
2021-08-02 09:53:00
217
原创 vue qs使用
为什么使用qs：因为qs是一个增加了一些安全性的查询字符串解析和序列化字符串的库如何在vue中使用qs 1. npm install qs 2. import qs from 'qs' 3. qs.stringfy() //一般使用stringfy（）将对象序列化成URL的格式，以&拼接 qs.parse() //一般使用parse（）将URl解析成对象的格式 //实现例子如下 // let data = qs.stringify({ // "username
2021-07-31 15:16:37
651
原创 proxy跨域代理
1.webpack配置代理1.1配置信息module.exports = { //... devServer: { proxy: { '/api': { target: 'http://www.baidu.com/', pathRewrite: { '^/api': '' }, changeOrigin: true, secure: false, } } }}1.2配置中主要的参数说明1.2.1 ‘/api’捕获API
2021-07-07 14:59:39
801
原创 vuex初级使用
首先我们要知道的是vuex是一个状态管理工具，是用来存放很多页面都用，直接页面通信会很不方便的状态；也是为了保证单项数据流的简洁性在此之前，vue有个eventbus来回传输数据，但是这个会造成切换页面时数据无变换，直接导致vue单页面应用的bug所以，后面有了vuex用来管理大型项目，如果项目简单，不要使用比较复杂的vuexvuex需要下载后引入使用，引用时最好全局引用，免于每个页面单引的麻烦javascript npm install vuex --savejavascript impo.
2021-07-03 09:53:30
164
原创 前端(axios)请求后端接口二次封装
在src的utils写request.js import axios from 'axios' import router from '@/router/routers' import { Notification, MessageBox } from 'element-ui' import store from '../store' import { getToken,getTenantIds } from '@/utils/auth' impo
2021-06-22 14:22:37
417
原创 vue中后台返回时间戳时前端怎么简单切换成日期格式
1、安装moment.js包npm install moment2、在全局main.js中加入momentimport moment from 'moment'Vue.prototype.$moment = moment3、在前端页面使用 <el-table-column align="center" label="入场时间"> <template slot-scope="props"> {{$moment(prop
2021-06-17 10:24:59
332
原创 在vue项目中如何使用html页面
如果有需求在vue页面要跳转新链接页页面可以使用原生html页面，下面将讲述从跳转到使用的过程1、跳转到html页面 <el-button style="background:#04FFFD;border:none;position:absolute;top:2px;right:100px;z-index:2001;font-weight:bold" round> <a target="_blank" :href="hreft">视频监控大屏</a> <
2021-04-28 16:15:24
25337
原创 uniapp浅识
uniapp基础什么是uniappunicloud（云开发平台）serverLess架构1.uniapp：[https://uniapp.dcloud.io/uniCloud/README?id=unicloud-%e7%9a%84%e4%bb%b7%e5%80%bc](https://uniapp.dcloud.io/uniCloud/README?id=unicloud-%E7%9A%84%E4%BB%B7%E5%80%BC)2. unicloud- 服务空间- 云数据库（类似于MongDB数据库（非关
2021-03-29 14:57:53
1220
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人