vue
清新小伙子
我很开心…………吧?
展开
-
Vue项目里利用JS深拷贝(函数,Date,RegExp,Map,Set)重新初始化data的数据
前言最近遇到一个需求,keep-alive 缓存 list 组件,从 detail 组建返回 list 组件,list 组件不刷新,从别的组件跳到 list 组件,list 组件数据初始化(从而实现 list 组件的刷新)。这里如何实现组件数据重新初始化呢?我想到的是利用 JS 深拷贝去实现。数据深拷贝判断数据类型// 检查属性类型checkType (any) { return Object.prototype.toString.call(any).slice(8, -1)},原创 2021-08-11 11:34:44 · 654 阅读 · 0 评论 -
Vue使用Emoji表情
前言最近做一个简单的聊天网页,既然是聊天了,自然不可避免需要用到表情包啦,其他那些好看的图片表情包我没时间去弄,所以就先弄个emoji的来玩玩。准备表情包资源可点击表情包网页去找自己喜欢的表情包来用这次我用的是下面红色框住的那个表情包使用表情包初始化表情列表数据const emojis = [ '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????'原创 2020-12-17 17:04:15 · 5717 阅读 · 9 评论 -
Vue项目打包后在本地运行的两种方法:express本地服务器和nginx本地服务器
一:下载安装nginx官网下载nginx目前我装的是1.8.1版本的:二:修改conf文件夹下的nginx.conf文件注:我这里的D:\localDists\dist是我Vue项目打包后的dist文件三:双击nginx.exe,并打开浏览器对应的地址查看效果双击时会出现一闪而过的黑窗口:我之前在nginx.conf文件中,修改端口为8088,所以相应的地址就是:http://localhost:8088/浏览器输入http://localhost:8088/:...原创 2020-11-24 10:47:45 · 1334 阅读 · 0 评论 -
Vue项目打包如何查看资源树
1、安装插件webpack-bundle-analyzer:npm i webpack-bundle-analyzer2、在vue.config.js中添加分析工具的配置(根目录下如果没有这个文件则需要自己在根目录新建):module.exports = { chainWebpack: (config) => { /* 添加分析工具 */ if (process.env.NODE_ENV === 'production') { config原创 2020-11-23 22:45:28 · 693 阅读 · 0 评论 -
VSCode如何运行Vue项目
前言以前都是用webstorm编写前端代码,最近开始尝试使用VSCode来写,目前还是有些懵逼的,一步步将使用流程写下来便于之后自己再次配置。具体流程:1:首先还是需要我们利用vue-cli脚手架搭建空vue项目,这个我就不赘述了2:打开VSCode下载vetur插件点击左侧圈起来的图标打开拓展插件,在顶部搜索框搜索vetur插件进行下载安装即可。下载安装完后就会在扩展列表那看到,例如我的是0.29.1版本的之后需要打开setting.json文件进行配置: "emmet.syntaxPr原创 2020-11-10 22:25:17 · 15630 阅读 · 2 评论 -
vue使用keep-alive实现多组件嵌套中个别组件存活不销毁
前言最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现,但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败,所以需要采取keep-alive技术实现不销毁上传文件组件,同时也由于系统模块较多,所以需要多组件进行嵌套。问题:多组件嵌套下如何指定对应的一个或多个组件存活呢?*tips:要是对于Vue使用keep-alive的基本用法不熟悉的也可以点击查看vue使用keep-alive的基本用法配置路由原创 2020-10-20 19:23:01 · 1543 阅读 · 1 评论 -
Vue在线预览ppt,可嵌入组件显示也可新开页面显示
前言最近需要在网页中嵌入一个在线ppt进行展示,虽然我之前通过pdf.js展示pdf来显示ppt内容,但这需要后台将我上传的ppt转换为pdf,工作量大一点,时间也长了点,部署也麻烦了点,所以就换了另一种更轻便的方式。要是想了解一下上面这种方法的,可点击查看更轻便的方法:使用微软提供的方法进行文件预览(1)通过iframe嵌入组件内展示<iframe id="iframe1" width="800" height="600" frameborder='no' border='0' marg原创 2020-10-08 13:19:12 · 21299 阅读 · 12 评论 -
vue使用keep-alive实现组件切换时保存原组件数据
前言最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现。问题:但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败。追求效果:想利用keep-alive实现上传组件切换时仍继续上传文件,而其他组件则不会存活。使用keep-alive的过程普通方法:直接使用keep-alive<keep-alive> <router-view /></keep-alive>原创 2020-10-03 13:47:50 · 1321 阅读 · 0 评论 -
Vue项目利用pdf.js/iframe/embed实现在线预览pdf文件
前言最近在做一个精品课程,需要在线预览课件ppt,我们的思路是将ppt转换为pdf在线预览,所以问题就是如何实现在线预览pdf了。在实现的过程中,为了更好地显示效果,我采用了多种不同的方法,最终选择效果最好的pdf.js。实现方法:1:iframe采取iframe将pdf嵌入网页从而达到预览效果,想法很美好,实现很简单,但显示很残酷…虽然一行代码简洁明了,打开谷歌浏览器效果也还行,但缺点也是十分明显的!!!!<iframe src="http......" width="100%">原创 2020-09-28 16:22:25 · 8852 阅读 · 2 评论 -
Vue页面动态保存查询参数于地址栏,刷新仍可继续查询上一次查询的数据
前言做条件查询时,有时候想保存当前查询的条件,以便刷新后直接按上一次查询的条件来查询数据。借助webpack-merge实现动态保存查询条件1:引入webpack-merge import merge from 'webpack-merge' //用于动态修改地址栏参数的2:每次请求完数据就更新查询条件this.chanceUrlQuery({stationId:saveStationId,status}) //每次请求完数据将这次的请求参数保存在地址栏//修改路由参数原创 2020-09-24 21:37:59 · 1743 阅读 · 0 评论 -
Vue项目兼容IE浏览器:解决IE不支持Promise问题、解决因为缓存机制导致的axios获取数据不更新、 解决axios发送中文参数值失败
前言因为平时开发一般都是用谷歌也基本不上线,只是为了完成比赛,所以也没怎么留意兼容IE,但最近在做一个项目,交付后反馈了两个特别大的问题:1、IE请求不到数据…打开控制台发现是因为IE不支持Promise,2、解决了上面的问题后获取数据却发现view数据不更新,原因是因为IE会缓存请求数据,请求参数和地址不变化的时候先是从缓存中取…解决IE不支持Promise的问题这个问题其实很好解决,既然IE浏览器本身不支持,那我我们只需要引入一个库来告诉浏览器实现该功能就好:在html中引入js库<s原创 2020-09-24 15:33:38 · 859 阅读 · 0 评论 -
解决vue使用element组件无法绑定鼠标事件,例如click,mousedown,mouseup等等
前言最近使用element的tag组件来做移动组件效果,其中涉及到给tag组件绑定mousedown的事件,但怎么绑定都不起作用,通过和其他标签绑定该事件比较发现:问题就出在tag组件上。解决方法绑定事件时添加.native修饰符绑定原生事件即可。<el-tag v-for="tag in collapse.tags" :key="tag" v-show="tag" style="z-index: 55;" @mousedown.native="moveTag" > {{原创 2020-09-19 12:20:47 · 1652 阅读 · 0 评论 -
海创软件组--20200920--去掉Element中打开抽屉时默认选中标题的蓝色边框--input修改自动填充背景色(单一色以及透明)!
@TOC去掉Element中打开抽屉时默认选中标题的蓝色边框最近在用element的抽屉展示修改主题样式供用户选择修改,但一打开抽屉会默认选中标题,标题出现蓝色的边框,自我感觉非常不好看,只能想办法去掉它。一开始的图:有个蓝色边框不好看吧。修改后的图:没有蓝色的框好看不少实现方式:还是回归最基本的样式修改,打开控制台,找到标题的样式控制,修改其中的outline样式即可。代码:/*去掉打开抽屉时自动选中标题时的蓝色边框*/ .el-drawer__header span:foc原创 2020-09-12 21:25:07 · 881 阅读 · 0 评论 -
JS中使用Element的消息确认框并可触发回调函数!!
JS中使用Element的消息确认框并可触发回调函数!!一:JS文件引入element的消息确认框二:JS文件使用MessageBox,同时可触发回调函数最近在弄只有通过身份验证后才能登入组件,未通过的先通过element-ui的消息提示框告知用户未登录,待用户按下确认键后自动跳转到登录界面。虽然在js中引入messagebox并使用它是比较简单的,但我按照原本的用法却一直无法触发回到函数,正当我百思不得其解时,想起js一般都是通过.then来触发回调函数,就尝试用了一下,没想到效果还挺好,哈哈哈。一:原创 2020-09-07 13:56:43 · 1467 阅读 · 0 评论 -
Vue项目设置浏览器小图标
开发Vue项目时,打开浏览器查看时会发觉自己的网页小图标是空白的,不像其他网页一样有各自的小图标,接下来就和大家说一下如何设置浏览器小图标吧。最终效果:实现方式:1:将所需的图片放入static文件夹下,例如我放在static/imgs![在这里插入图片描述](https://img-blog.csdnimg.cn/20200906212306931.png#pic_center2:在index.html中引入图标即可加入这行代码:<link rel ="shortcut icon原创 2020-09-06 21:26:25 · 2099 阅读 · 0 评论 -
Vue使用百度地图获取当前城市
Vue使用百度地图获取当前城市一:申请百度地图密匙注册登录后需要进行开发者认证创建应用获取密匙AK二:Vue项目使用下载相应插件html文件引入创建一个新的js文件(下一步需要引入)组件引入js并使用效果一:申请百度地图密匙我们需要提前在百度地图开放平台申请密匙才能使用对应的接口去获取城市信息。百度地图开放平台:http://lbsyun.baidu.com/apiconsole/center#/home注册登录后需要进行开发者认证主要是需要登记认证身份证,这环节需要身份证照片,认证很快,基本提原创 2020-08-19 14:02:51 · 2119 阅读 · 3 评论 -
vue前端导出excel表格
vue前端导出excel表格前言实现步骤一:下载依赖二:项目引入两个js文件三:修改配置四:使用五:效果截图六:贴上第二步js代码Bolb.js:ExportExcel.js:前言这个虽然能实现导出表格,但个人觉得实现起来挺麻烦(我是根据网上的一些残缺资料一步步做的,其中报了不少错,弄了很久,下面是总结了一下实现过程),整体效果不好,或许是我对这个研究不深吧,总之,我还是弃用这个,用回了以前常用的(更简单实用呦)那个,可以看下vue使用vue-json-excel将后台的json数据导出excel表格原创 2020-08-16 22:40:23 · 632 阅读 · 1 评论 -
vue使用Element-UI部分组件适配移动端
文章目录前言vue使用Element-UI部分组件适配移动端组件适配1---Message 消息提示适配样式代码组件适配2---MessageBox 弹框适配样式代码组件适配3---Dialog 对话框适配样式代码结语前言 使用组件库现成的组件是一件非常爽的事,基本不用自己敲代码,不用自己思考来思考去样式,就能得到一个比较满意的效果。但与此同时也会带来一些不便,那就是部分组件在移动端显得不太友好,还有就是有些样式达不到自己的预期,这时修改起来就比较麻烦了。原创 2020-08-14 23:24:33 · 28879 阅读 · 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 · 3081 阅读 · 1 评论 -
Vue使用element-ui图片地址失效两种处理(替换和隐藏)
文章目录前言处理方式一:替换二:隐藏三:继续思考前言 相信很多人都会遇到图片地址失效导致无法显示图片,只显示几个字(加载失败),这样非常不美观。最近我在图片遍历显示时也遇到了其中一张图地址失效的问题,一堆图片中夹着一个加载失败,呃,感觉很不舒服,所以只能想办法解决。处理方式一:替换有时候可以选择用一张图片替换地址失效的图片,这样可以保持原有结构并且保证美观。<el-image :src="img.uRL" v-for="(img,in原创 2020-08-07 19:36:05 · 4859 阅读 · 1 评论 -
解决数组遍历时采取同步请求获取数据更新数组元素后视图不更新
文章目录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 阅读 · 0 评论 -
vue实现网页中英文切换
前言:最近一个项目有英文版数据以及中文版数据,我就想将之做成两个语言版本的网页。文章目录vue使用vue-i18n插件实现网页中英文切换1:下载vue-i18n插件2:自己定义中英文两套js文件3:配置main.js文件4:通过点击事件切换语种5:数据渲染6:效果图vue使用vue-i18n插件实现网页中英文切换1:下载vue-i18n插件npm install vue-i18n2:自己定义中英文两套js文件中文版js文件:英文版js文件:3:配置main.js文件//引入中英文原创 2020-07-26 11:32:05 · 10186 阅读 · 11 评论 -
axios上传文件获取上传进度
最近在做上传视频,因为视频比较大,耗时较长,要是没有个进度的话,用户漫长等待,体验不好,所以就想实时显示上传进度。要点是发送请求是配置onUploadProgress: onUploadProgress: progressEvent => { let persent = (progressEvent.loaded / progressEvent.total * 100 | 0) console.log(persent) },完整上传代码如下://上传视频asy原创 2020-07-11 14:58:18 · 6400 阅读 · 5 评论 -
Vue获取当前路由地址以及当前页面的地址
最近在做一个电商项目,其中搜索功能封装成一个组件用在多个路由组件中,用户通过输入相关商品名进行搜索,其中要实现的一个点就是:要是当前为商品页面则更新商品列表,若不是商品页面,则新开一个商品窗口。实现:1:用this.$router.path获取当前的路由地址,判断是否是商品路由地址,若是则更新数据即可,反之新开窗口对vue新开窗口有疑惑的,可以查阅vue-新开窗口注:我的商品路由地址为‘/path/main’if(this.$router.path !== '/shop/main'){ le原创 2020-07-11 01:24:43 · 5183 阅读 · 3 评论 -
海创软件组-20200628-vue使用vue-json-excel-小程序跳转tabBar界面所遇到的问题-解决mpVue嵌套遍历报错-mpvue引入iview weapp的组件库
文章目录vue使用vue-json-excel将后台的json数据导出excel表格vue使用vue-json-excel将后台的json数据导出excel表格解决mpVue嵌套遍历报错vue使用vue-json-excel将后台的json数据导出excel表格最近帮老师做一个毕业调查报告的东西,要求讲学生填写情况以excel表格文件导出本地。因为是临时要加的,时间也不太够,就没有采取xlsx去弄,打算用简单容易上手的vue-json-excel实现这个功能。一:安装依赖npm install v原创 2020-06-27 17:41:33 · 397 阅读 · 0 评论 -
vue使用vue-json-excel将后台的json数据导出excel表格
最近帮老师做一个毕业调查报告的东西,要求讲学生填写情况以excel表格文件导出本地。因为是临时要加的,时间也不太够,就没有采取xlsx去弄,打算用简单容易上手的vue-json-excel实现这个功能。一:安装依赖npm install vue-json-excel二:在项目文件入口main.js全局引入//excel表格import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)三:相原创 2020-06-23 22:53:44 · 7392 阅读 · 24 评论 -
海创软件组--20200614--VUE获取当地天气情况--用mpvue开发小程序的一点小总结--前端基于koa搭建服务器--vue使用js对图片进行点击标注圆点并记录他的坐标
写这篇博客来记录一下这两周接触到的一些新东西。文章目录一:VUE获取当地天气情况二:使用mpvue框架写小程序的准备--创建空mpvue三:解决用mpvue开发小程序时报错:找不到sitemap.json入口四:前端基于koa搭建服务器五:vue使用js对图片进行点击标注圆点并记录他的坐标一:VUE获取当地天气情况最近在写一个后台,其中一个功能就是显示当地城市的时间,天气情况。具体也可查看这片博客获取天气接口地址:http://wthrcdn.etouch.cn/weather_mini?city=原创 2020-06-12 23:36:31 · 587 阅读 · 0 评论 -
vue使用js对图片进行点击标注圆点并记录他的坐标
最近和深度学习方面搞个东西,需要前端对图片进行标注,呃,这个我上网也没找到什么好方法,只能自己通过js来实现,不过现在刚初步做出一点效果,样式没留意,挺丑的,嘻嘻。功能:点击开始标注按钮后才可以对图片进行标注在图片区域内单机左键才可进行加点在标注点上右击删除该点,在图片上右击无效果完成标注后点击完成标注按钮后,结束标注,此后点击图片不再加点标注前:标注后:打印记录坐标点:(这个坐标看你自己需求,是相对图片的百分比坐标,还是相对整个窗口的坐标,js都可以实现的)代码实现:(我先说一原创 2020-06-06 10:37:38 · 12200 阅读 · 7 评论 -
VUE获取当地天气情况
最近做一个后台,需要显示当地城市的天气情况,所以就想写这篇东西记录一下自己获取过程。获取天气接口地址:http://wthrcdn.etouch.cn/weather_mini?city=??接下来就演示一下吧://获取当地城市及天气 async getTianQi(){ var result = await axios.get('http://wthrcdn.etouch.cn/weather_mini?city='+this.city) console.log(result.da原创 2020-06-03 12:57:20 · 7435 阅读 · 5 评论 -
海创软件组--20200531--统一各个内容高度的表格、element排序表格样式修改,ECharts数据动态更新并控制显示数量,vue修改路由刷新数据
这篇博客主要是来总结这两周的一点小难点。一:统一各个内容高度的表格头两天,做一个毕业生调查问卷的网页,需要的知识点也是挺多的,接下来就说说关于课程评价表格的编写吧。因为表格内容高度不一,所以要想办法统一高度!可点击链接具体参考我写的表格篇吧效果图:想做成这样的就继续看一下,不喜欢的可以直接看下一条。一开始做我是很抵触的,因为我觉得因为课程是遍历显示的,我不知道具体有多少课程,总高度会有多少,那么做左边数学高度居中就有点难度了。最后自己尝试用绝对定位加浮动去一点点改,没想到半个多小时还真让我一点点原创 2020-05-28 10:07:15 · 404 阅读 · 0 评论 -
element排序表格的自定义(固定表头,修改背景色,悬浮背景色,滚动条)
最近在做一个列表显示交通车流量的表格,采取的是element的排序表格,但其中样式要改很多很多,我大多数都是自己修改样式的,所以弄了很久,如今就贴一下代码出来吧。最终效果图:接下来我们就一部部来吧,对于排序表格的用法,你们打开官网就能直接用了,不多说:一开始的排序表格样子:表格内容居中且固定表头:固定表头只需要添加height就可以了,例如:height="217"内容居中只需要添加两行代码,而后定义对应函数返回样式即可 :cell-style="rowClass" :header-原创 2020-05-27 11:59:00 · 1181 阅读 · 0 评论 -
ECharts中的折线图动态更新数据并控制缩放只显示最新几条数据
最近在做实时车流量折线图,每个两秒我就请求一次获取最新数据,监听数据变化,重新绘制折线图,但数据多了,都堆积在一起了,后来通过设置dataZoom来进行缩放,但由于start,end值是百分比,一开始我写的是dataZoom : [ { type: 'inside', realtime: true, start: 50, end:100, }]默认显示从全部数据的50%开始到100%的数据,数据一多,又开始堆积后来想了一个办法,既然是百分比控制显示数量,那原创 2020-05-26 14:31:07 · 3264 阅读 · 2 评论 -
修改当前路由地址栏并实现数据刷新
最近在做电商项目,有个搜索功能,输入商品名跳转到搜索界面显示对应商品信息,这时传参我是采用query传过去的,这方面没什么问题。但在搜索界面再次搜索就有点小问题了,因为路由是一样的,即使修改了query,也只是地址栏变了,而数据并不刷新!解决办法:监听路由!*注:我搜索界面路由名为searchShop,监听路由,看是否改变路由名为当前路由,若是则调用你初始化的方法进行数据刷新而界面不刷新!我初始化的操作都在init函数中,所以就调用它。watch:{ '$route' (to, from原创 2020-05-21 17:31:10 · 473 阅读 · 0 评论 -
解决做表格行内元素高度不一并使内容高度居中显示
最近在做一个学生评价课程的东西,需要做这么一个表格:一开始我是很抵触的,因为我觉得因为课程是遍历显示的,我不知道具体有多少课程,总高度会有多少,那么做右边数学高度居中就有点难度了。最后自己尝试用绝对定位加浮动去一点点改,没想到半个多小时还真让我一点点做出来了,哈哈。具体做法:子元素随父元素高度变化,用position: absolute;,这会导致右边的元素左移,这时你只需要给两边元素设置宽度,然后给右边来个右浮动,最后父元素清除浮动即可!具体代码实现:html:<div class="k原创 2020-05-20 01:27:17 · 429 阅读 · 0 评论 -
海创软件组--电商项目的总结
最近在做一个电商项目,前台大致功能模块可分为:用户模块:注册,登录,修改个人信息,重置密码商品模块:可按名字查询商品,按商品分类获取商品列表,查看商品详情购物车模块:商品加入购物车,可动态更改购物车的商品数量订单模块:订单预览,创建订单,查询订单列表,未付款的订单可以取消后台:商品分类管理:可修改,新增,删除订单管理:可按订单号进行查询,查看订单详情,已付款未发货可以进行发货操作商品管理:新增商品,商品下架,删除商品,修改商品用户模块:注册:注册分步进行,(1)填写账号和设置原创 2020-05-16 19:56:41 · 599 阅读 · 0 评论 -
Element树形懒加载表格,数据改变时刷新列表
话就不多说了,我直接上代码吧:首先用个给表格加ref标识<el-table :data="types" style="width: 100%" row-key="id" ref="myTable"每次更新数据后,要刷新列表,就调用loop:this.$set(表格,id,数据)例如:this.$set(this.$refs.myTable.store.states.lazyTreeNodeMap, pare原创 2020-05-15 13:16:28 · 2714 阅读 · 0 评论 -
Vue使用jsmpeg拉流做视频直播
前端做视频直播有很多方法实现,可以通过video,video-player等等,接下来我就说说vue如何使用jsmpeg吧(前面介绍的都是我遇到的错误,可看可不看,切记看到最后的使用方法)最近用jsmpeg来接收数据做视频直播,一开始是一脸懵逼的,上网搜了一天多,全是直接上html的方法,例如这种:<!DOCTYPE html><html><head> <title>JSMpeg Stream Client</title> <s原创 2020-05-15 01:39:25 · 7986 阅读 · 9 评论 -
Element表格数据为空时自定义显示内容
前言:最近做一个电商项目,在购物车那需要用Element的表格来显示数据,但要是用户一开始购物车并无数据,element表格默认无数据显示是在太丑了,这时就需要我们自定义了…先看一下默认无数据显示吧:我后来自定义:代码实现:其实就是添加:<template slot="empty"> <img src="../../../assets/imgs/shop/car.svg" alt=""> <div class="noCart"> 购物原创 2020-05-10 12:43:19 · 13603 阅读 · 1 评论 -
vue使用Element UI 实现选取省市区三级联动地址
在做电商项目的时候需要添加修改收货地址,如何实现三级联动选取省市区地址困扰了我不少时间。难点:需要通过爬虫获取省市区数据。后来无意发现了element-china-area-data这个组件,哈哈,实现效果还可以呦。效果图:选取地址中:选好地址后显示:好了,各位肯定想知道如何获取数据吧?这就贴上代码吧:下载element-china-area-data:npm install element-china-area-data -S<template> <div原创 2020-05-09 14:39:35 · 6864 阅读 · 2 评论 -
海创软件组-两周小结-video-vue-全屏-hover样式-css变量
写这篇博客来总结一下两周遇到的问题吧。一、视频组件由于往后的日子需要做一个交通管理系统,需要使用到视频播放器,所以花了点时间在视频组件上。视频播放器,我一般都是采用video.js和他的插件vue-video-player两种方式创建的。首先就先说一下如何使用video.js吧1:video.js需求:对于简单的视频播放需求来说,video.js足以胜任了。它可是支持HTML5和Fl...原创 2020-05-02 03:11:39 · 732 阅读 · 0 评论