![](https://img-blog.csdnimg.cn/20190828183904153.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
Vue.js相关技术
LitongZero
哪怕命运即为必然,也要拼命相抗
展开
-
Vue+Element-UI 上传图片,打开相机,相册
Vue+Element-UI 上传图片,打开相机,相册Element-UI中提供的Upload组件,是用来上传文件用的,并没有单独的纯用来上传图片的组件,所以,在部分浏览器(手机)中,打开后会发现是文件列表,而不是相机\相册按钮。解决方法例如在如下一个普通的upload组件中,<el-upload class="avatar-uploader" accept="image...原创 2019-11-24 20:20:33 · 5871 阅读 · 0 评论 -
Vue+Element-UI 上传图片并压缩
Vue+Element-UI 上传图片并压缩1.版本Vue:2.5.2Element-UI:2.12.0可实现图片上传前,自动压缩。Element-UI组件,详情见 官网。2.template部分<el-form-item label="照片"> <el-upload accept="image/*" class="avatar-uploade...原创 2019-11-24 20:11:52 · 3272 阅读 · 0 评论 -
Vue-admin-template 添加、跳转子页面
Vue-admin-template 添加、跳转子页面文章目录Vue-admin-template 添加、跳转子页面1.使用场景一级页面为列表,列表中,每个item中,有按钮,点击按钮,跳转到新页面中,并且显示刚刚选中的item的所有信息(增、改)。2.开发环境3.配置路由重点为`/:id(\\d+)`,标识地址后面跟一个id。4.设置跳转两种方法:1.编程式跳转调用声明2.声明式跳转直接调用5...原创 2019-03-04 18:53:21 · 11290 阅读 · 10 评论 -
Vue-admin-template 添加国际化
Vue-admin-template 添加国际化1.背景在全球发展的趋势下,国际化,成为各种软件不可或缺的一部分…使用Vue-admin-template作为基本框架(基于Element-UI),添加国际化插件i18n2.开发环境Vue-admin-template(其他应该也可以使用)element-ui: “2.4.6”vue: “2.5.17”vue-i18n: “^8...原创 2019-03-04 14:41:24 · 5725 阅读 · 4 评论 -
el-date-picker 设置、读取值
el-date-picker 设置默认值记一个DateTimePicker 日期时间选择器的坑今天遇到一个问题。用日期时间选择器选择后,在编辑页面回显的问题。一、我们在取数据时在一般的输入框,我们都可以使用v-model中的值,直接赋值。可是这个时间选择器却不太一样,因为,他对应两个值,一个开始时间,一个结束时间,以数字的形式存在v-model中。取数据时,常常要这样二、在...原创 2019-03-08 17:55:00 · 40909 阅读 · 14 评论 -
使用Gitee Pages服务 搭建Vue项目
使用Gitee Pages服务 搭建Vue项目1.背景1.Gitee(GitHub) Pages 服务作为一个页面容器,可以说是非常方便了。我们可以在上面免费部署前端项目。2.并且同时获得一个附带.gitee.io(github.io)的网址。3.其他优点就不再赘述,可自行百度。2.Gitee Pages的介绍具体可以看这个网址Gitee Pages官方介绍3.上传自己的项目到G...原创 2019-03-05 22:03:59 · 8585 阅读 · 14 评论 -
ESLint Attribute 'pageNumber' must be hyphenated.
ESLint Attribute ‘pageNumber’ must be hyphenated. (vue/attribute-hyphenation)问题产生条件传参时,使用驼峰命名法,导致ESLint检测出语法问题,截图如下WebStore下运行时解决方法将pageNumber 改为page-number...原创 2019-03-01 16:11:28 · 13984 阅读 · 0 评论 -
Vue-admin-template 报Uncaught (in promise) error
Vue-admin-template 报Uncaught (in promise) error问题描述在使用Vue-admin-template时,配置好后端,在请求时,突然报错而且后端接到请求了,并且返回数据了。解决问题找了半天,发现问题在request.js中。可以发现,是因为状态码不匹配,所以,直接被抛出异常了!将状态码2000改成自己的成功状态码就OK了。注:由于Vu...原创 2019-02-27 21:03:10 · 22573 阅读 · 9 评论 -
Vue Mock
Vue Mock 的一个坑背景我在使用Vue-admin-template时遇到一个问题,类似于浏览器,或者跨域问题,先上个截图。解决过程1、发现问题后,当然是先百度(Google)了。2、发现大部分都是说浏览器的配置问题,我试了很多,发现还是不行。3、就在绝望之际,发现,他们的问题截图跟我的不太一样。我发现,我的问题,是由mock.js抛出来的。4、然后,大致了解了一下Moc...原创 2019-02-27 20:51:54 · 593 阅读 · 1 评论 -
JavaScript 16进制与字符串之间的转化
JavaScript 16进制与字符串之间的转化今天在项目中遇到一个需求,比如:现在前端界面有两个字段,当输入第一个字段(16进制)后,第二个字段为第一个字段值+8。例如:a = 7d2那么:b = 7da本来是一个很简单的需求,但是网上却写的很。。难以使用。后来终于找到一种比较简单的方法。项目使用的是Vue框架,不过,这也没什么关系,毕竟就是一个监听事件的问题。在input框添加...原创 2018-12-21 14:49:55 · 3525 阅读 · 0 评论 -
Vue.js 筛选搜索小案例
使用Vue.js编写一个很小的筛选搜索案例。根据姓名搜索,性别筛选。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>筛选小案例</title></head&原创 2018-09-06 22:17:40 · 1805 阅读 · 0 评论 -
Vue.js TodoList案例
案例根据 http://todomvc.com/examples/vue/ 编写完成功能:完成了所有的功能,如:添加、双击修改、ESC键取消编辑、清除所有已完成任务、一键全选任务、自动聚焦,本地保存等等。目录1、index.html2、app.js3、index.css4、效果5、源码下载1、index.html<!doctype html>&l...原创 2018-09-02 20:20:04 · 1715 阅读 · 0 评论 -
前端开发,部署页面到服务器,并实现页面“热部署”
前端开发,部署页面到服务器,并实现页面“热部署” 浏览器同步测试工具 browser-sync原创 2018-09-02 15:37:26 · 4522 阅读 · 0 评论 -
Vue.js TodoList小案例
使用Vue.js写的TodoList小案例。完成功能:增加任务,修改任务状态,删除任务和清除已完成任务。代码:(修改Vue引入,即可使用)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>TodoList案例&a原创 2018-08-27 22:56:29 · 524 阅读 · 0 评论 -
Vue简单计算器案例
利用Vue.js写的一个简单的计算器。非常简单的案例。通过这个案例,练习一下Vue的语法。通过案例可以看出,Vue.js解放了DOM操作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue计算器&l原创 2018-08-26 23:27:45 · 2418 阅读 · 5 评论