前端工作中,经常需要图片裁剪的场景,cropper.js是一款优秀的前端插件,api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件,效果图如下: 话不多说,看步骤吧。 第一步:准备开发环境 cropper.js是基于jquery的,所以要先安装jquery 执行命令 ...
在项目结构中的assets里的js文件夹里创建.js文件 在当前js里面 画红框的js很重要 需要使用的时候,在.vue文件里面 在需要使用的文件里面引用然后使用就可以啦 ...
2018-01-31 17:51 2 4907 推荐指数:
前端工作中,经常需要图片裁剪的场景,cropper.js是一款优秀的前端插件,api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件,效果图如下: 话不多说,看步骤吧。 第一步:准备开发环境 cropper.js是基于jquery的,所以要先安装jquery 执行命令 ...
Vue.prototype.$post=post;Vue.prototype.$get=get;Vue.prototype.$delete=del;Vue.prototype.$patch=patch; ...
在vue项目中使用jquery了。 说到这里也顺便提一下,我们设置代理也是在vue.config.js中 ...
实际工作中,发现每次发布都要清缓存,不然新改的东西就没有办法生效,于是就想到在打包文件名后面添加版本号,于是经过了一番百度之后,找到了办法 1、先定义一个时间戳, 2、在打包配置中加上时间戳 这个是我们自己目前在做的项目的配置,用vue-cli3.0搭建的,然后最 ...
在public/index.html中强行添加script标签(可引入本地js和远程js,本地js需放在public内,不能放assets内) 在要使用这个js的地方,将相关对象添加到eslint的全局参数内,如/*global ap*/,此处ap是支付宝sdk的一个对象 ...
使用 vue-cli 搭建项目 下面整个过程是基于已经安装node.js和cnpm的基础上,node.js如何安装就不在这里详说了。如何全局化安装cnpm,这里简单提一下: npm install cnpm -g --registry=https ...
一、 安装 node.js 安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。 二、安装webpack 安装完成后使用webpack -v,如果出现相应的版本号,则说明安装成功。 三、安装 vue-cli ...
目录 Vue-CLI 项目搭建 CLI CLI创建项目 方式一:命令行创建-vue create 方式二:使用图形化界面-vue ui 如何删除CLI预设 Vue项目目录及运行 ...