MySunshine07的博客

最后保存的图片是经过旋转后的。

1、vue页面中根据是否全屏判断当前显示icon图标，isFull为true时表示全屏，默认值为false，并绑定click事件 <div class="screen-icon-box"> <i :class="isFull?'el-icon-crop':'el-icon-full-screen'" @click="fullScreenEven...

1、模拟后台返回的菜单JSON数据如下data.json文件{ "data": { "router": [ { "path": "", "name": "Home", "component": "Layout", "r...

打包后，css里加载的font文件路径变成了：rootpath/static/css/static/fonts,而期望的应该是rootpath/static/fonts。修改方式：在build/utils的ExtractTextPlugin.extract里加上 publicPath: '../../'：// generate loader string to be used with ...

在根目录config/index.js中build内找到productionGzip: false，把false改为true。与productionSourceMap 刚好相反。　　然后npm run build。此时会提示找不到"Cannot find module 'compression-webpack-plugin'"。　　　npm install --save-de...

更新数组时，如果直接通过下标修改数组属性的话，vue页面不会更新。通过以下几个方法更新数组push()、pop()、shift()、unshift()、splice()、sort()时，vue才能检测到数组更新。如果想直接通过下标修改数组的话，可使用vm-set 方法来通知vue更新了这个数组。语法为：vm.$set( target, key, value );数组修改：Vue.se...

vue项目在引入第三方依赖的 JS 文件时，报如下错误：Uncaught SyntaxError: Unexpected token <检测后发现原来我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下。因为src目录下的资源只能impo...

NO.1Element：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 [Github star：22004]。NO.2iView：一套高质量的UI组件库 [Github star：12175]。NO.3Best-resume-ever：用Vue和LESS简单、快速建立许多漂亮的简历，并创建你最好的简历。[Github star：8839]。NO....

如下所示，是vue+ElementUI写的一个登录页面：Login.vue部分&lt;template&gt; &lt;el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" label-width="0px" class="d

1.ref 加在普通的元素上，用this.$refs.refName 获取到的是dom元素2.ref 加在子组件上，用this.$refs.refName 获取到的是组件实例，可以使用组件的所有方法。 &lt;el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" label...

render: h =&gt; h(App)是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：​​​​​​​render (createElement) { return createElement(App); }...

npm install时报错如下图所示：D:\Vue\demo&gt;npm installnpm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist &gt;3.0 config used in other tools.npm WARN deprecated bfj...

在项目的index.html 中引入图片：&lt;head&gt; &lt;title&gt;标题&lt;/title&gt; &lt;link rel="icon" href="./favicon.ico" type="image/x-icon"&gt;&lt;/head&gt;其中，favicon.ico图片在项目根目录下。接着就是修改 buil

在methods里的collapse 函数里增加监测左边导航栏offsetWidth值为0则修改，如下所示：//折叠导航栏 collapse:function(){ this.collapsed=!this.collapsed; var menuWidth = document.getElementById('menuClass'); if(menuWidth.o...

npm install --save font-awesome   之后在main.js中这样引入import 'font-awesome/css/font-awesome.css'报错如下图 This dependency was not found:* font-awesome in ./src/main.jsTo install it, you can run...

1、什么是Vue的生命周期？Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。2、简介beforeCreate（创建前）：在数据观测和初始化事件还未开始 。created（创建后）：完成数据观测，属性和方法的运算， 初始化事件，$el属性还没有显示出来。beforeMou...

一、创建项目1、使用vue-cli创建项目 i.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），在cmd中输入一下命令： npm install --global vue-cli ii.创建一个基于webpack模板的新项目（$ vue init webpack 项目名称） iii.进入项目目录（$ cd...