#vue路由传参

vue 上传图片,转base64取不到.onload的值

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

vue element-ui 隐藏上传按钮

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

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...

vue 滑块验证

1、在登录页同级目录下,新建滑块验证页面 JcRange.vue:   2、JcRange.vue:<template><divref="dragVerify"class="drag_verify":@mousemove="dragMoving"@mouseup...
代码星球 ·2021-02-20

vue 路由守卫,未登录强制跳转到登录页

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

vue 路由跳转未匹配相应路由后,出现空白页面,指向404页面

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

vue 禁止遮罩层下的页面滑动

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

vue 把 java 传过来的流文件 转成apk、xls等

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

vue 中使用 webSocket 收发数据, 增加 " 心跳机制 " 保持连接.

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

后端路由正常,但页面空白

element-admin中,从后端取出的路由是这样的:  但是页面加载空白,所以,例如我的项目,需要在 permission.js中的   配置路由中添加页面路由,页面就能正常显示了...

vue-element-admin 打包测试环境报错

例如下图的报错方式: 需要删除项目中的dist文件,即可打包成功 ...

vue 分页跳转页面详情,返回记住当前点击第几页

列表页:mounted调用: mounted(){this.getSchoolWebModuleMessageListFunc();}, methods中,定义:getSchoolWebModuleMessageListFunc(){    //当从详情页返回的时候,先获取详情页中存下来的detal...

vue等,利用 .concat() 追加合并数组,并去重

1、比如有这么两个数组(newarr和res.data):   2、数组合并:newarr=newarr.concat(res.data);之后:   3、我们需要的是上面画框的数据,而不是第一条数据(注:newarr和res.data可以切换 )4...

VUE elememt-ui定时器不生效原因

vue中,setTimeout()函数中的this指向的并非vue对象,所以,定义一个_this 暂存this,执行setTimeout函数时,setTimeout函数内的_this就会访问到这个变量,就会得到当前对象。例如:let_this=this;//定义预存变量setTimeout(function(...

vue跨页面传参

例:登录页和首页登录页点击登录跳转到首页的时候,添加该参数:this.$router.replace({path:'/Testing',query:{id:'1',name:this.ruleForm2.account}});   然后在首页获取参数:exportdefault{creat...
代码星球 ·2021-02-20
首页上一页...89101112...下一页尾页