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 · 6396 阅读 · 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 · 3323 阅读 · 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 · 11455 阅读 · 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 · 5860 阅读 · 4 评论 -
el-date-picker 设置、读取值
el-date-picker 设置默认值记一个DateTimePicker 日期时间选择器的坑今天遇到一个问题。用日期时间选择器选择后，在编辑页面回显的问题。一、我们在取数据时在一般的输入框，我们都可以使用v-model中的值，直接赋值。可是这个时间选择器却不太一样，因为，他对应两个值，一个开始时间，一个结束时间，以数字的形式存在v-model中。取数据时，常常要这样二、在...原创 2019-03-08 17:55:00 · 41695 阅读 · 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 · 8783 阅读 · 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 · 14113 阅读 · 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 · 22674 阅读 · 9 评论 -
Vue Mock
Vue Mock 的一个坑背景我在使用Vue-admin-template时遇到一个问题，类似于浏览器，或者跨域问题，先上个截图。解决过程1、发现问题后，当然是先百度(Google)了。2、发现大部分都是说浏览器的配置问题，我试了很多，发现还是不行。3、就在绝望之际，发现，他们的问题截图跟我的不太一样。我发现，我的问题，是由mock.js抛出来的。4、然后，大致了解了一下Moc...原创 2019-02-27 20:51:54 · 652 阅读 · 1 评论 -
JavaScript 16进制与字符串之间的转化
JavaScript 16进制与字符串之间的转化今天在项目中遇到一个需求，比如：现在前端界面有两个字段，当输入第一个字段（16进制）后，第二个字段为第一个字段值+8。例如：a = 7d2那么：b = 7da本来是一个很简单的需求，但是网上却写的很。。难以使用。后来终于找到一种比较简单的方法。项目使用的是Vue框架，不过，这也没什么关系，毕竟就是一个监听事件的问题。在input框添加...原创 2018-12-21 14:49:55 · 3609 阅读 · 0 评论 -
Vue.js 筛选搜索小案例
使用Vue.js编写一个很小的筛选搜索案例。根据姓名搜索，性别筛选。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>筛选小案例</title></head&原创 2018-09-06 22:17:40 · 1846 阅读 · 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 · 1767 阅读 · 0 评论 -
前端开发，部署页面到服务器，并实现页面“热部署”
前端开发，部署页面到服务器，并实现页面“热部署” 浏览器同步测试工具 browser-sync原创 2018-09-02 15:37:26 · 4634 阅读 · 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 · 571 阅读 · 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 · 2448 阅读 · 5 评论