最近在项目中，因为还没使用前端构建工具，还在使用vue+jquery方法渲染页面碰到几个小问题，在此记录下作为vue学习之路上的一个小知识点需求：1、数据列表存在与否状态，没有数据显示默认提示，有数据则渲染出数据列表2、列表数据存在3种状态，分别为0，1，2根据状态给数据打上可使用，已使用，已过期，3、如果列表状态为0...

<divclass="active-rules"><divclass="weui-weixin-content"id="rules"><p>活动名称：{{message1}}</p><p>活动时间：{{message2}}</p><p>...

最近在用vue开发一个商品列表页，因需要根据请求回的字段是否有内容来显示隐藏该字段，但因为vue异步加载导致显示隐藏方法不起作业（主要是判断条件取不到页面渲染内容），围观了vue生命周期后发现updated方法很好用$(document).ready(function(){switchList();});//展示接口请...

//计算近半年时间letnowDate=newDate();letarray=[];letyear=nowDate.getFullYear();letmon=nowDate.getMonth()+1;for(leti=0;i<6;i++){mon=mon-1;if(mon<=0){year=year-1;m...

1、template：<divclass="my_address"id="searchBar"><divclass="van_list"v-if="addressList.length==0">Nomoredata</div><divv-elseclass="my_addres...

1、在 src里面，新建store文件夹，里面分别再创建modules文件夹、getters.js和 index.js ：   2、modules里面，创建 print.js：conststate={goodsForeNo:''}constmutat...

1、例如：<1--选择证件图片--><ulclass="upload-imgs">　　<!--imgLen为选择几张图片，当前设置了选择一张后隐藏选择按钮-->　　<liv-if="imgLen==1?false:true">　　　　<inputtype="file...

1、template：<div>　　<el-upload　　　　　　:class="{hide:hideUpload}"　　　　　　action=''　　　　　　list-type="picture-card"　　　　　　:auto-upload="false"　　　　　　:show-file-lis...

1、template：<el-uploadaction=''list-type="picture-card":auto-upload="false":show-file-list='true':file-list="certificates":on-preview="showimg":on-change="han...

1、在登录页同级目录下，新建滑块验证页面 JcRange.vue：   2、JcRange.vue：<template><divref="dragVerify"class="drag_verify":@mousemove="dragMoving"@mouseup...

main.js中，//挂载路由导航守卫router.beforeEach((to,from,next)=>{　　//获取tokenconsthasToken=getToken();//to将要访问的路径//from代表从哪个路径跳转而来//next是一个函数，表示放行//next()放行next('/login'...

1、比如我是写在根目录的：   2、点击跳转到没权限的路由(因为没权限，该路由找不到，显示空白页)：3、路由守卫如下：router.beforeEach((to,from,next)=>{consthasToken=getToken();//console.log(hasToken)...

在遮罩层中，设置：<viewclass="tuikuan-showModal"@touchmove.stop.prevent="moveHandle"></view>//遮罩层 在methods中，设置：//遮罩层穿透，阻止底部滑动moveHandle(){return;},　　...

1、在请求头设置：exportfunctiondownLoad(data){returnrequest({url:'/app/downLoad',method:'post',responseType:'blob',//最关键的部分headers:{'Content-Type':'application/json'},d...

 1、页面加载时候，开启长连接：created(){this.adminIds=getadminId();this.tokens=getToken();this.merIds=getmerId();//页面刚进入时，判断有无token，有则开启长连接if(this.tokens){this.initWebSo...