- 博客(10)
- 收藏
- 关注
原创 基于vue的图片裁剪插件vue-cropper
我在网上找了很多关于vue裁剪图片的文章,demo都太长了,实在是太长了。有些还都看不懂,最后还是用了个大佬的demo,但是项目实践过程中还是有问题没解决。先介绍吧。效果是下面这样的,我这里采用了4:3的固定比例进行裁剪,裁剪后的效果但是裁剪后的图片路径是base64,超级长的路径,最终还是需要处理地址传给后端的,项目用oss处理图片,最终获得一个类似于aad68a8fd57746...
2018-09-28 10:30:46 33457 11
原创 vue中使用vue-quill-editor富文本编辑器
一、npm下载vue-quill-editornpm install vue-quill-editor --save二、在main.js中引入import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'impor...
2018-09-25 15:50:12 2545
原创 ES6模板字符串(循环、函数)
相比ES5的拼接字符串,ES6毫无疑问是简单明了,又清晰可维护。原始的字符串拼接真的是把整个人都拼傻,并且在处理的过程中会出现很多小坑,小问题。$('#ulList').html(` <ul> <li>浙江</li> <li>杭州</li> </ul>`);上面就是用es6的...
2018-09-17 11:52:36 21653 6
原创 Vue中添加针对window的键盘事件该怎么处理
因为在项目中使用了UI库,没有直接的input标签(最终渲染到html上的话,input标签外还有一层div) <b-input type="password" v-model="credentials.password" />所以键盘事件获取不到焦点,在登录页面我想加个键盘enter的全局事件,想提高一点用户体验,于是考虑采用针对window的键盘事件,那么在这个过程中遇到...
2018-09-15 16:14:00 3238 3
原创 vue axios的api文件配置
不多废话,上代码!需要配置如下两个文件,api.js需要新建自行配置。api.jsimport Vue from 'vue'import axios from 'axios'import CryptoJS from 'crypto-js' //加密Vue.prototype.$ajax = axios;axios.defaults.baseURL = 'http://...
2018-09-15 11:53:27 3249
原创 关于Invalid prop: type check failed for prop "row". Expected String, got Object.的问题及审查办法
项目是Vue的,基于elementUI的后台管理系统。Invalid prop: type check failed for prop "row". Expected String, got Object.昨天遇到了这么个错误,找了半天,网上也找了很久的资料,有很多跟我遇到的问题类似的有很多,但解决办法形似各样,没有我这种情况的,但还好经过我的不懈努力还是找到了原因。一、我从父组件传递...
2018-09-13 10:29:11 150186 5
原创 Vue中使用本地json数据
项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度一、首先创建一个json文件,将数据放进去,一定要确保格式正确我的是这样的,把json文件放在static文件夹下, 二、像使用axios一样去调用json文件,因为我的axios配置的时候设置的是$ajax = axios...
2018-09-06 18:35:24 9176 4
原创 JS获取本月的第一天和最后一天
获取本月的第一天和最后一天的时间,要求格式为2018-09-06,这里用了momentJS(官网链接)项目是vue写的,注意引入let moment = require('moment');下面为具体代码,firstDay为第一天,lastDay为本月最后一天//获取当前时间let date=new Date();//获取当前月的第一天 let monthStar...
2018-09-06 13:44:52 7577
原创 element-ui中弹框dialog不显示的问题
今日遇一小坑,使用elementUI的时候,项目中需要做一个换头像的功能,因为项目结构原因,我写了一个组件,点击头像出现弹框,并且可以上传头像,但是遇到一个问题,在作为组件的时候,弹框只显示弹层但是不显示框,仔细查看了文档,发现有个关键属性append-to-body,他默认是false,我们给他设置为true,写在<el-dialog>标签里。 <el-dialog ti...
2018-09-05 18:53:16 36684 14
原创 JavaScript一些常用方法(持续更新)
一、substring() =>用来提取字符串中两个下标之间的字符object.substring(start,end)var str = '123456'str.substring(1,3) //结果23,从第2个开始,到第4个(默认索引从0开始)二、indexOf() => 指定某个字符串在字符串中首次出现的位置 lastIndexOf ()...
2018-09-03 12:14:25 303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人