vue
vue 之循环添加不同class
在vue中按条件为class动态添加直接使用:class="[{active:isActive},errorClass]"之类的表达式就可以但是如果我们要为一个循环列表按条件添加不同的class又如何写呢其实也很简单，我们只要把class按字符串拼接起来就可以了<divclass="section":class=...
VUE之Router命令行警告：Named Route 'Home' has a default child route. 解决办法
NamedRoute'Home'hasadefaultchildroute.Whennavigatingtothisnamedroute(:to="{name:'Home'"),thedefaultchildroutewillnotberendered.Removethenamefromthisrouteanduset...
VUE之命令行报错：Expected indentation of 4 spaces but found 6
使用vue时候，经常被一大片警告惊呆了，这是webpack默认的语法检查插件ESLint在做警告，【ESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码】但是我习惯了tab缩进，很不习惯没有缩进的写法，但是不管这些警告又是不能忍受，于是想办法把ESLint给关掉， 关闭ES...
使用vue-cli搭建element-ui项目
最近在使用element-ui搭建项目时发现若只纯用webpack来运行element-ui，要配置各种文件，对于新手来说实在太不友好了，就想到用vue-cli来搭建整个vue项目1.安装node.js2.安装webpack全局安装webpack命令npminstallwebpack-g3.安装淘宝镜像【网速快的童鞋可...
搭建vue-cli时候报错处理
最近在使用vue-cli搭建目录时出现 “webpack-dev-server不是内部或外部命令，也不是可运行的程序或批处理文件”情况在网上查了不少资料和解决方法后，结合自己的情况应该是环境变量的path没有读取到npm报错情况如图 解决方法是找到npm目录把它加入环境变量path中就可以了OK！完...
使用vue-element-admin框架开发时遇到的跨域问题
之前使用js和jquery开发时也碰到过接口请求时的跨域问题，但是在使用vue-element-admin开发也碰到这个问题，而且不能使用之前的方法解决，查过不少资料，找到一个很好的方法解决了这个问题首先，解决的思路是：1，原因，造成跨域的原因是因为我们设置的接口和请求的接口不同造成，而且一般做前后端分享，后端接口和前...
vue v-on:click传递动态参数
最近项目中要为一个循环列表动态传送当前点击列的数据，查了很久资料也没有一个完美的解决方案，新手只能用vue的事件处理器与jquery的选择器做了一个不伦不类的方案，居然也能解决这个问题，作此记录留待以后会有更好的方法解决这个事情 需求：根据每列传递的参数，决定弹窗后面是积分够了去直接购买还是不够需...
vue 权限控制按钮3种样式、内容、以及跳转事件
最近碰到一个因为要根据权限来给一个按钮变成不同功能，简单写出3个按钮然后用v-if也能实现这个功能，但是在加载页面时，如果延迟过高则会把按钮按照DOM顺序加载出来，这是个很不好的效果思索了下，把三个功能分开写，目前但说能达到需求，但个人感觉还不是最好解决办法，在此记录下来以待将来发现更好办法 <divc...
vue v-show与v-for同时配合v-bind使用并在href中传递多个参数的使用方法
最近在项目中，因为还没使用前端构建工具，还在使用vue+jquery方法渲染页面碰到几个小问题，在此记录下作为vue学习之路上的一个小知识点需求：1、数据列表存在与否状态，没有数据显示默认提示，有数据则渲染出数据列表2、列表数据存在3种状态，分别为0，1，2根据状态给数据打上可使用，已使用，已过期，3、如果列表状态为0...
VUE2.0 【v-html】标签使用技巧
<divclass="active-rules"><divclass="weui-weixin-content"id="rules"><p>活动名称：{{message1}}</p><p>活动时间：{{message2}}</p><p>...
vue生命周期回调方法
最近在用vue开发一个商品列表页，因需要根据请求回的字段是否有内容来显示隐藏该字段，但因为vue异步加载导致显示隐藏方法不起作业（主要是判断条件取不到页面渲染内容），围观了vue生命周期后发现updated方法很好用$(document).ready(function(){switchList();});//展示接口请...
vue 中 html 滚动吸顶
1、template：<divclass="my_address"id="searchBar"><divclass="van_list"v-if="addressList.length==0">Nomoredata</div><divv-elseclass="my_addres...
在 vuex 存取数据
1、在 src里面，新建store文件夹，里面分别再创建modules文件夹、getters.js和 index.js ： 2、modules里面，创建 print.js：conststate={goodsForeNo:''}constmutat...
vue 上传图片，转base64取不到.onload的值
1、例如：<1--选择证件图片--><ulclass="upload-imgs"> <!--imgLen为选择几张图片，当前设置了选择一张后隐藏选择按钮--> <liv-if="imgLen==1?false:true"> <inputtype="file...
vue element 上传图片限制大小， before-upload 不生效问题
1、template：<el-uploadaction=''list-type="picture-card":auto-upload="false":show-file-list='true':file-list="certificates":on-preview="showimg":on-change="han...
