logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue路由守卫(拦截)

要解决的问题:最近做项目时,发现不登录账号和密码,在浏览器的地址栏直接输入路径也能跳转页面,就聊一下路由守卫吧,也叫路由拦截,话不多少直接看操作解决方案:在登录成功后,设置一个sessionStorage,通过这个sessionStorage来决定路由是否跳转实现思路:点击登录按钮时向后端传递账号密码并设置sessionStorage,在router.js文件中设置全局路由守卫,通过这个sessi

#html5#es6#vue.js
vue的H5页面移动端调试显示出控制台

最近做二元项目的时候,需要和三方进行联调,需要在移动端显示控制台,但是手机网页没有控制台,在H5页面嵌入到app后,联调会非常麻烦,所以给大家推荐一个手机控制台的轮子:vConsole1、安装vconsole插件npm install vconsole2、引入并使用//在main.js内import Vconsole from "vconsole";//开发环境使用,生产环境自动取消if (pro

#前端#npm#javascript
vuepress踩坑总结

使用vuepress踩到的坑:最近在研究尤大的vuepress,发现有许多的坑,给大家分享一下遇到的问题以及解决方案,避免大家走弯路,话不多少 直接上代码1.根据官网项目创建完成后 .vuepress/templates 需要在创建的文件内初始化模板,不然会报 app is not defined.模板内容:<!DOCTYPE html><html lang="en">&l

#html#javascript#vue.js +1
Vue项目中手机号脱敏(星号代替)

最近接到一个需求,身份敏感信息只显示前面两位和后面两位,中间其他部分进行打码,就在全局搞了一个过滤器1、在main.js中进行全局过滤Vue.filter('replacestar', function (value) {if (!value) return '';let str = value;str = str.replace(new RegExp("[^0-9]+","g"),"")if(s

#vue.js#es6#javascript +1
Vue面包屑导航实现方案

面包屑导航实现1、给路由文件添加meta标签,meta的title必须和你想要展示的标题一致{path: '/layout',component: Layout,// redirect: '/home'//重定向 防止页面进来空白默认选中侧边栏上的文字children: [{path: '/center',name: 'C

#vue.js#node.js#前端 +2
Vue项目中使用Echarts实现中国地图

echarts现在已经不提供地图map包的下载了(5.0之前会自带这个包),所以很多小伙伴做地图需要走很多弯路,今天给大家分享一下地图的实现1、先在终端安装 npm install echarts --save2、在main.js中引入echarts (注意这里有两种引入方式)<1> 5.0以下版本: import echarts from 'echarts ’<2> 5.

#echarts#vue.js#es6
DataV数据可视化之轮播表

第一步安装npm install @jiaminghi/data-view//在main.js中引入自动注册所有组件为全局组件import dataV from ‘@jiaminghi/data-view’Vue.use(dataV)第二步HTML部分<div class="recentlyReportScollList" style="width:392px;height:290px;ba

#vue.js#html#javascript +2
Vue项目nginx部署到线上,访问时加前缀解决方案

Vue项目nginx部署到线上,访问时加前缀解决方案

文章图片
#vue.js#nginx#前端 +2
    共 19 条
  • 1
  • 2
  • 请选择