Vue相关
文章平均质量分 62
for_weber
打篮球,撸代码,打游戏,关心花花草草。我亦只有这一个一生,不能慷慨赠与我不爱的人。
展开
-
Vue项目关于eslint
新公司的Vue项目没有配置eslint,虽然平时coding的时候都会按照eslint的标准去写,但是没有统一的配置后期项目代码review的时候总还是不太方便。 Vue的项目配置eslint还是很简单的。它属于依赖插件中的一种,可以像安装其他插件一样在命令行用npm install eslint -g安装,也可以修改package.json文件去更新项目的依赖包,重新跑一遍npm ...原创 2018-05-16 16:52:15 · 1908 阅读 · 0 评论 -
Element-ui时间联动组件优化
最近项目在使用vue框架+Element-ui组件开发。有一个表单需要实现一个联动的时间选择器。Element-ui上已经有例子,但是发现与需求不是很符合,因此稍作改动,实现开始时间与结束时间的智能联动。 startTime: { disabledDate(time) { return time.getTime() < Date.now() - 8.原创 2017-10-12 17:57:17 · 2792 阅读 · 0 评论 -
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。 问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。 这样的话页面就是空白了,因为没有组件被添加到页面中。打开F12会看到一堆的...原创 2018-05-23 10:05:35 · 63531 阅读 · 8 评论 -
Vue项目设置默认打开某一个路由
Vue项目打包自启动浏览器后一般会打开 http://localhost:8080/#/ 因为没有设置默认需要打开的路由,因此路由没有重定向。 解决办法很简单,只需要在定义router的时候设置默认的路由就好。 在routes数组(指第一层)添加一个新的json对象{path: '*', redirect: '/根路由/指定路由'} 重新打开页面就可以看到页...原创 2018-06-12 14:39:59 · 17822 阅读 · 3 评论 -
纯前端解析excel文件
项目需要,前端解析简单的excel文件,查找了网上的文章资料,加上按实际需要修改,写出来供大家参考。 项目是vue的,先安装xlsx,这个不用多说,npm install xlsx就完事了。 然后需要在组件中引入一下。<input @change="getUploadFile" type="file"> 我项目中的这个导入用的是原生inp...原创 2018-08-21 15:01:57 · 12128 阅读 · 6 评论 -
vue-cli项目使用CDN资源
众所周知web页面使用CDN的优势,常规html文件直接用script标签引入即可。近期的vue+webpack项目也需要用的CDN,客户有自己的插件API,需要CDN引入。 vue+webpack,常规插件都已经安装了依赖包,因此可以通过require的方式按需引入。那么CDN文件也想用require的方式引入的话,就需要用到webpack的external模块...原创 2018-10-19 10:26:08 · 5218 阅读 · 0 评论