项目实操
vue实战项目遇到的一些问题及其解决办法
chunchun_H
远方,远方有多远,,,,,
展开
-
前端导出Excel合并单元格
前端导出Excel,合并单元格,复杂表格,单元格样式设置原创 2022-12-14 10:48:55 · 1301 阅读 · 0 评论 -
vue中使用arcgis离线地图
vue中使用arcgis原创 2022-07-02 13:13:44 · 4394 阅读 · 19 评论 -
element tree懒加载默认展开指定节点
element tree树形结构展开指定节点原创 2022-06-24 18:03:31 · 5434 阅读 · 0 评论 -
2021年项目总结
1~4月,江西电子运维开发这个项目是我在公司接触的第一个项目,而且是中途进项目。主要就是熟悉团队的开发模式,技术栈,以及和前端后台的磨合,我所负责的模块也是比较简单的表单及列表开发。这个项目我主要是做公共类:公用组件、方法的封装。得:1、公共类的东西就是做来让别人使用,在我写的初版的基础上,同事在用的过程中不断的完善和优化自己的代码。2、认识到自己技术的局限和基本摸清团队开发模式、开发规范、代码特点。有待提高:1、粗心大意,这个是我又一次见证自己粗心大意带来的无数小bug,就是完善了一个需求,接着出原创 2021-08-18 18:05:30 · 161 阅读 · 0 评论 -
vue + canvas绘制背景图、矩形
最近有需求做图片人脸识别,在系统上传图片后,后台返回坐标将识别到的人脸画上矩形。效果图如下:实现过程:1、利用绘制canvas实例//html<canvas id='imgCanvas' ref='imgCanvas'></canvas>//js this.canvas = this.$refs.imgCanvas; this.canvas.height = this.$refs.picContainer.offsetHeight; this.ctx = th.原创 2021-07-08 16:41:16 · 3550 阅读 · 1 评论 -
前端代理处理跨域(vue2.x,vue-cli3.x)
注意:该方法只能在 npm run dev下使用,打包上线不起作用我用的是脚手架3.0版本,直接在vue.config.js里配置代理的第三方接口 devServer: { port: 8888, open: true, proxy: { //可以配置多个 '/proxy': { 'target': 'https://www-api.dji.com', //第三方接口地址 'secure': true, //.原创 2021-06-08 18:06:44 · 277 阅读 · 0 评论 -
video视频直播总结(m3u8格式、flv格式)
1、视频播放标签videovideo属性和方法的可以在网上直接找,链接菜鸟教程如果是MP4格式的视频,可以用video标签直接播放,其属性可以直接用,这个格式视频一般是静态的资源,可能是本地也可能是服务器上。<video class="video-img" :src="url" controls="controls"></video>//url即视频地址2、m3u8格式视频流播放该格式需要安装videojs与video标签结合播放//html代码<vid原创 2021-05-28 18:22:36 · 10043 阅读 · 0 评论 -
vue-video-player视频播放及全屏添加信息在视频上
一、vue-video-player实现视频播放安装vue-video-player插件vue-video-player和videojs-contrib-hls后者是播放播放m3u8格式视频流。在main.js中引入注入到全局const hls = require("videojs-contrib-hls") ;Vue.use(hls)将css文件引入import "video.js/dist/video-js.css";import "vue-video-player/src/custom-the原创 2021-05-20 10:19:06 · 3277 阅读 · 0 评论 -
element弹框loading
弹框有两种插入模式,一种是基于写弹框的页面元素上,一种是插入至 body 元素上。无论是哪种方式,在弹框请求数据渲染页面时,如果直接给弹框加loading,第一次渲染loading位置不对。如下图loading的层级在弹框的下面原因:loading一般加在弹框body内元素上,第一次渲染弹框body未找到就会加在弹框的最外层元素上,那层级自然不对。解决方法:打开弹框后,再元素渲染后去打开loading this.$nextTick(() => { openLoading.原创 2021-04-06 14:47:16 · 6211 阅读 · 1 评论 -
懒加载级联选择级(多选)及其回显
最近有个需求:懒加载三级行政区域,而且可以进行多选,其中涉及它的回显比较麻烦,级联选择器多选出来的结果是一个二维数组,要对这个二维数组回显,而拿到回显的数据是最后一级数据组成的数组。具体的需求如下:级联选择器在弹框中,用户在弹框中选择的结果放在页面组件中(选择的label和value)显示label,将value传给后台。再次点击弹框时,需要回显用户的选择,同时在页面组件中用户是可以删除某个选中的行 政区域的。1、懒加载三级行政区域级联选择器,先默认请求第一级(省级行政区域),然后懒加载二三级原创 2020-11-01 15:31:45 · 3476 阅读 · 8 评论 -
vue动态路由跳转
vue动态路由跳转有push、replace等方法。最近有个需求是需要从不同的路由点击某个操作按钮进行路由跳转。之前用的是replace方法,因为要带参数,想到的办法是用模板字符串把所有的参数拼接在地址栏上传参过去。this.$router.replace( { '/service/intelligentAlarmDetail?alarmType='+alarmType+ '&a.原创 2020-09-20 15:03:12 · 1614 阅读 · 0 评论 -
element-ui树形组件做权限管理
最近新开了个项目,不巧的是我又要做菜单权限控制这块,再次使用element tree组件,我这次在获取角色权限时直接使用tree组件封装的方法:this.rightIds = [ ...this.$refs.rightTree.getCheckedKeys(), ...this.$refs.rightTree.getHalfCheckedKeys() ];获取tree上勾选和半勾选的菜单即可。想起上次在tree上加了个change事件,每次都会重复获取之前已经取得的key,很老火,唉。。。。。当时没有想.原创 2020-07-29 12:51:40 · 2305 阅读 · 0 评论 -
flex布局,左右两端固定,中间自适应且超出隐藏
这几个月来,在样式上备受打击,感觉自己css都不会写。有需求要flex布局,左右两端固定,中间自适应且超出隐藏,我百度加自己整理下,记录下来。这个是flex布局,左右两端固定,中间自适应//html代码<div class="parent"> <div class="left"><div> <div class="center"><div> <div class="right"><div>//css代码.p原创 2020-07-01 20:17:53 · 3798 阅读 · 4 评论 -
控制鼠标滚轮事件触发次数
在一个需求中,需要根据业务触发鼠标滚轮事件,在某些时候不触发该事件。@mousewheel="eventBtn && handleScroll($event)", 当eventBtn为false时不触发,当eventBtn为true时触发。原创 2020-07-01 18:55:44 · 1190 阅读 · 0 评论 -
利用FTP上传工具上传代码
工具:FlashFXP步骤:1、新建站点2、配置站点地址及端口(一般是公司局域网)3、将打包好的dist目录下的所有文件,将其上传原创 2020-04-30 20:10:56 · 372 阅读 · 0 评论 -
封装api(登录页面)
在项目开发过程中,为了方便统一操作,通常会把API封装到一个文件里,在页面直接使用就可以了,避免后端修改接口的时候在每一个发请求的页面修改。鉴于这个项目对API的封装不同于以往的做法,我决定记录自己封装的每一个API。获取后端图形验证API封装:const HOST = "http://192.168.0.135";//接口路径const CAPRCHA = HOST + "/cap...原创 2020-03-09 23:10:40 · 821 阅读 · 0 评论