2018年09月_Dreamer_xr

原创基于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

Dreamer_xr的博客