aspectRatio.value= ratio// 直接调用裁剪器的setAspectRatio方法来更新比例if(cropper.value) { cropper.value.setAspectRatio(ratio) } }// 向左旋转constrotateLeft= () => {if(cropper.value) { cropper.value.rotate(-90) } }// 水平翻转constflipHorizontal= () => {if(cropper.value) {console.log(c...
npm install vue-cropper 1. 配置 我使用的是全局配置,此处只写出全局配置 2.1 在～/plugins文件夹下,新建 cropper.js文件;引入vue-cropper import vueCropper from 'vue-cropper'; import Vue from 'vue'; Vue.use(vueCropper); 1. 2. 3. 2.2 在～/nuxt.config.js文件中,配置插件 export default{ plugin...
Vuex (全局状态管理) Vue-Router (路由管理) axios (axios请求) eslint (格式化) sass (sass样式语法) vue-chartist (表格插件) vue-scroll-reveal(滚动动画) vue-concise-slider(vue漂亮轮播) mdi/font (mdi字体和图标) sweetalert2 (优美的弹窗) vue-cropper (图片裁剪) mavon-editor (md编辑器) xss(防x...
我安装的vue-awesome-swiper版本是4.1.1依赖swiper的版本是5.2.0 要注意swiper版本 在plugins新建vue-awesome-swiper.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释 import Vue from "vue"; import VueAwesomeSwiper from "vue-awesome-swiper"; Vue.use(VueAwesomeSwiper); nuxt.config.js引用 代码语言...
nuxt.js:基于vue的开发框架 vue:JavaScript 渐进式框架 vuex:状态管理 vue-i18n:国际化 jsonapi-vuex:允许通过 vuex store 访问JSON:APIweb 服务中的数据。 nuxtjs-axios:基于 promise 的 HTTP 库 element-ui:UI框架 vue-cropper:图片裁剪插件 v-viewer:图片点击放大预览插件 ...
一、概述vue项目可以打一个dist静态资源包,直接使用Nginx发布即可。但是nuxt项目无法像vue那样,可以打一个dist静态资源包。需要安装Node.js,并使用npm install 安装依赖包才行。 现在由于要上docker,需要将nuxt项目和nojs.js依赖包打成一个镜像才行。 二、封装docker镜像目录结构在服务器新建目录/data/nuxt_web/,目...
nebula([ˈnebyələ],n.星云)是一款现代化的知识社区项目,使用 Vue + NuxtJS + Element-UI 实现 💡 Tips 与后端项目forest([ˈfôrəst],n.森林)一起食用,让我们一起探索知识社区的未来。 ⚡ 动机 在2019 年的某一天,受到Hugh的邀请, 构建一个开源嵌入式知识学习交流平台。因此就有了 nebu...
是一个 实现服务端渲染（SSR） 的开发框架 (*只不过语法类似vue而已*)，Vue官方介绍：Nuxt 是一个...
vue-cropper 图片裁剪组件 https://github.com/xyxiao001/vue-cropper vue-image-crop-upload vue图片剪裁上传组件 https://github.com/dai-siki/vue-image-crop-upload 项目搭建 Windows环境下搭建蘑菇博客 参考window环境下配置蘑菇博客环境,能够在window下搭建蘑菇博客的开发环境 Docker搭建蘑菇博客 参考使用Docker快...
nebula([ˈnebyələ],n.星云)是一款现代化的知识社区项目,使用 Vue + NuxtJS + Element-UI 实现 💡 Tips 与后端项目 forest([ˈfôrəst],n.森林)一起食用,让我们一起探索知识社区的未来。 ⚡ 动机 在2019 年的某一天,受到 Hugh 的邀请, 构建一个开源嵌入式知识学习交流平台。因此就有了...