vue-image-crop-upload 一个强大的图片剪切组件

场景分析组件地址安装用法场景对一个站点来说处理用户头像的功能是必不可少的，分析哈，功能先看有没有组件用一下组件地址组件dai-siki/vue-image-crop-upload安装npm install –save-devbabel-polyfill(安装依赖)npm install –save-d...

cominglately

3370人浏览 · 2018-08-05 20:42:37

cominglately · 2018-08-05 20:42:37 发布

场景

对一个站点来说处理用户头像的功能是必不可少的，

分析

哈，功能先看有没有组件用一下

组件地址

组件dai-siki/vue-image-crop-upload

安装

npm install –save-dev babel-polyfill (安装依赖)
npm install –save-dev vue-image-crop-upload

用法

参考github用例,很详细的

效果

插件效果

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^