vue
vue-cli 手脚架mock虚拟数据的运用，特别是坑！！！
1、现在基本的趋势就是前后分离，前后分离就意味着当后台接口还没完成之前，前端是没有接口可以拿来调用的 ，那么mock虚拟数据就很好的解决了这一问题，前端可以直接模拟真实的数据AJAX请求！运用步骤：1、在项目中安装mockjs、axiosnpminstall--saveaxiosmockjs2、在...
VUE引入模块之import xxx from 'xxx' 和 import {xxx} from 'xxx'的区别
importFunNamefrom‘../xxx’exportdefualtfunctionFunName(){returnfetch({url:'/article/list',method:'get'});}import{xxx}from‘../xxx’exportfu...
VUE 父子组件之间通信传值 props和 $emit，以及兄弟组件之间的通信传值 eventBus
1、父组件传值给子组件$props，子组件传值给父组件$emit父组件 <divid="app"> <tree-component @func="get...
VUE 动态切换列表active样式
参考VUE官方文档样式绑定 https://cn.vuejs.org/v2/guide/class-and-style.html需求是动态加载出来了所有菜单列表，点击其中一个li元素改变这个元素的背景色用到VUE样式绑定对象语法<divv-bind:class="{active:isActive}"&g...
VUE框架下安装自带http协议
在控制台CMD中输入npminstallvue-resource--save-dev...
windows系统下 VUE cli手脚架环境安装
1、安装node.js环境 （cmd命令工具里输入node-v检测是否安装成功）2、安装VUE全局环境npminstall--globalvue-cli（cmd命令工具里面安装，vue--version检测是否安装成功）3、cdDesktop/VUE/手脚架要存放的路径（我这里是之间存放在桌面的VUE文件夹里...
vue-cli实现最简单的全选、全不选、反选功能。不容错过呦！！！！！话不多说直接上代码。。。。
<template><divclass="hello"><inputtype="button"name="all"value="全选"@click="allSelect"/><inputtype="button"name="fan"value="全不选"@click="noSe...
最详细的vue-cli2.x安装教程 &^没有之一 ^& 大神亲测。。╮(￣▽ ￣)╭
1.1如果本机没有安装node运行环境，请下载node安装包进行安装1.2如果本机已经安装node的运行换，请更新至最新的node版本下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/ 为了快乐的使用命令行，我们推荐使用gitbas...
svg在vue-cli3中的配置
svg矢量图有时候在项目中用起来当然要比图片用起来好。之前没有用过svg，这次花了一点时间在项目中支持了svg的使用，个人感觉用起来还是没有直接用fontclass的爽，然后又改成fontclass的使用，如下我说一下我是如何配置svg和fontclass的（这两者都是iconfont的不同使用方法）：一.使用svg&...
vue采坑填坑之路
问题:一个表单中多个字段,有个select数据绑定到一个变量,选择select,但是UI没更新,再输入其他input,则select的UI更新.解决:检查有没有重新给表单字段赋值,赋值方式是否有问题,可尝试:Vue.set(data.formData,'xxx','');的方式 采坑填坑,一路向上...
vue-element-admin 405错误
main.jsimport{mockXHR}from'../mock'//if(process.env.NODE_ENV==='production'){mockXHR()//} 把"production"改成“development”即可，或者把这个判断语句去...
vue组件修改样式不起作用
需要在全局样式文件去定义，在组件里无法修改样式在全局定义样式文件在main.js中引入import'@/styles/index.scss'//globalcss //toresetelement-uidefaultcss.el-upload{input[type="file"]{display:none!i...
vue请求图片二维码
axios.get('/captcha',{params:param,responseType:'arraybuffer'}).then(response=>{return'data:image/png;base64,'+btoa(newUint8Array(response.data).reduce((data...
vue 返回滚动位置
list页面要使用keep-alive，这里再app.vue里判断app.vue<keep-alive><router-viewv-if="$route.meta.keepAlive"></router-view></keep-alive><router...
vue 记录
只显示数组中的某个 <divv-for="(i,key)inview.imgsList"class="img-wrap"v-if="key==4"><img:src="i.goodsPath+i.goodsImg"</div>...
