Vue 路由守卫验证登录状态

router.js // 登录标识,needlogin { path: '/goodsblock', name: 'goodsblock', component: () => import('@/views/goods/GoodsBlock.vue'), meta: { title: '好物', endMenuShow: true, needlogin:

- 阅读全文 -

vue 实现底部固定 tab 导航

方法一:通过$route.path判断跳转<template> <ul class='end-menu flex-row'> <li v-for='(item, index) in menulist' :key='index' @click='changeMenu(item.path)' :class=&qu

- 阅读全文 -

vue/cli3打包本地预览问题

npm run build 默认生成了 dist 文件夹, 但是本地预览一片空白, 找不到资源;官方提供的预览方案 : https://cli.vuejs.org/guide/deployment.html,本地预览解决方案 :修改 vue.config.js 下的 publicPath 配置为 './',此时可以本地预览,但是现实不完整, 打开路由 index.js, mode 改为 'has

- 阅读全文 -

ESlint:TypeError: this.CliEngine is not a constructor

vue create新项目,webstrom启动报错,解决方案如下:1.编辑 X:WebStormpluginsJavaScriptLanguagelanguageServiceeslintbineslint-plugin.js2.修改为 this.CliEngine = require(this.basicPath + "lib/cli-engine").CLIEngine3.重启项目旧版本项目

- 阅读全文 -

Javascript判断版本号大小

场景: 移动端H5说明: 历时版本原生会存到HTTP请求代理头部// 获取历史版本,用户APP当前版本备注: duiyu_(android/ios)是原生存入的标识 let tem = null // 版本号 let PhoneModel = null // 手机标识 let oldVersion = null // 全局历史版本变量 let ua = navigator.userAgen

- 阅读全文 -

原生JS制作一个图片放大查看器

前言: 发现vue模板代码写多了, 自己的原生JS手写能力下降了不少, 闲来无事, 自己做一个简单的图片放大查看封装<!DOCTYPE html> <html> <head> <title>图片放大器 --- jensonhui's blog</title> <link rel="stylesheet"

- 阅读全文 -

Vue 实现页面刷新, 体验较好

原理: 通过v-if来渲染<router-view>provide: 选项应该是在一个对象或者返回一个对象的函数。该对象包含可注入其子孙的属性inject: 一个字符串数组,或者一个对象,对象的key是本地的绑定名App.vue添加provide属性<template> <div id="app"> <router-view

- 阅读全文 -

Ajax

function json2url(json){ var arr=[]; for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ json=json || {}; if(!json

- 阅读全文 -

原生H5如何与Android和IOS通信

交互方式Android: 1) window.WebViewJavascriptBridge[methodName](params) 2) window.android.methodName IOS:1) window.webkit.messageHandlers[methodName].postMessage(params) // 无法获取原生返回值 2) window.promp

- 阅读全文 -