vue 更改连接后台的api示例
vue 更改连接后台的api，是更改在config文件夹下的index.js文件中的proxyTable的值。 如下代码，其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。 dev: { env: require('./dev.en...
- 0
- 0
- admin
- 发布于 2020-07-20 23:15
- 阅读 ( 517 )
admin
vue路由守卫,限制前端页面访问权限的例子
今天给大家写一篇关于vue校验登录状态，如果是非法登录就跳转到登录页面的逻辑 首先需要写一个路由守卫，它的原理是每次路由发生变化时触发具体写法如下： router.beforeEach((to, from, next...
- 0
- 0
- admin
- 发布于 2020-07-20 23:14
- 阅读 ( 508 )
vue在路由中验证token是否存在的简单实现
1. 在router/index.js进行验证 2. 代码如下： import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/common/Login'; ...... Vue.use(Router) const rout...
- 0
- 0
- admin
- 发布于 2020-07-20 23:14
- 阅读 ( 530 )
vuex存储token示例
1.在login.vue中通过发送http请求获取token //根据api接口获取token var url = this.HOST + "/session"; this.$axios.post(url, { username: this.loginForm.username, password: this.log...
- 0
- 0
- admin
- 发布于 2020-07-20 23:13
- 阅读 ( 442 )
Vuex实现数据增加和删除功能
首先，我们要安装vuex，执行命令yarn add vuex 1.编写state数据 //vuex/index.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { bookList: [ {id: 1...
- 0
- 0
- admin
- 发布于 2020-07-20 23:10
- 阅读 ( 472 )
VUE:vuex 用户登录信息的数据写入与获取方式
整体思路： 前台获取用户数据，向后台发送post请求，验证成功后 前台接受数据，改变用户登录状态 将登录状态及用户数据写入到state中 这样多个页面就可以直接使用this.$store.getters.getun...
- 0
- 0
- admin
- 发布于 2020-07-20 23:09
- 阅读 ( 487 )
vue 实现通过vuex 存储值 在不同界面使用
通过vuex 存储 1. 创建store.js文件 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { //要设置的全局访问的state对象 count: 1, //要设置的初始属性...
- 0
- 0
- admin
- 发布于 2020-07-20 23:09
- 阅读 ( 482 )
使用vuex存储用户信息到localStorage的实例
1、首先需要装vuex npm install vuex -d 2、新建store文件夹，新建index.js， 并引入vue、vuex,代码如下： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const key = 'us...
- 0
- 0
- admin
- 发布于 2020-07-20 23:08
- 阅读 ( 507 )
JS中比较两个Object数组是否相等方法实例
一、问题 在js中是不能直接用“==”或者“===”来计算两个数组是否相等的，那么就需要对数组的值进行比较； 二、次解决方案 对于比较两个数组次要的方法有如下几种，为什么说是次要解决方案呢？...
- 0
- 0
- admin
- 发布于 2020-07-20 23:07
- 阅读 ( 477 )
vue把输入框的内容添加到页面的实例讲解
vue最最最简单的demo（记得引入） 实例化一个vue，绑定#app的元素，要渲染的数组arr作为data。 把arr的item渲染到页面，输入内容点击按钮把用户输入的内容添加到页面以及数组 <!DOCTYPE h...
- 0
- 0
- admin
- 发布于 2020-07-20 23:07
- 阅读 ( 482 )
vue与django集成打包的实现方法
1.首先创建 django项目 并在 django项目文件下创建vue项目 2.修改django项目文件下的setting.py 修改django模板路径 指向 vue项目的dist TEMPLATES = [ { 'BACKEND': 'django.template...
- 0
- 0
- admin
- 发布于 2020-07-20 23:06
- 阅读 ( 454 )
微信小程序监听用户登录事件的实现方法
最近在开发小程序，小程序既需兼顾针对新用户的内容预览，又要为注册用户提供服务，简单梳理下，基本需求如下： 小程序共三个tab页，所有用户都可以浏览首页内容，了解我们可以提供的优质服务...
- 0
- 0
- admin
- 发布于 2020-07-20 23:06
- 阅读 ( 518 )
javascript 高级语法之继承的基本使用方法示例
本文实例讲述了javascript 高级语法之继承的基本使用方法。分享给大家供大家参考，具体如下： 高级语法的基本使用 <script type="text/javascript"> //声明一个函数demo function D...
- 0
- 0
- admin
- 发布于 2020-07-20 23:05
- 阅读 ( 438 )
JS 遍历 json 和 JQuery 遍历json操作完整示例
本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作。分享给大家供大家参考，具体如下： json 遍历 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />...
- 0
- 0
- admin
- 发布于 2020-07-20 23:04
- 阅读 ( 484 )
javascript/jquery实现点击触发事件的方法分析
本文实例讲述了javascript/jquery实现点击触发事件的方法。分享给大家供大家参考，具体如下： 点击事件 原声态 和 jquery <%@ page language="java" pageEncoding="utf-8" contentT...
- 0
- 0
- admin
- 发布于 2020-07-20 23:03
- 阅读 ( 499 )
vue props对象validator自定义函数实例
validator自定义函数实例 props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: St...
- 0
- 0
- admin
- 发布于 2020-07-20 23:03
- 阅读 ( 493 )
微信小程序获取当前位置和城市名
1， 获取当前地理位置，首先要拿到用户的授权wx.openSetting； 2，微信的getLocation接口，获取当前用户的地理位置（微信返回的是经纬度，速度等参数）； 3，微信没有将经纬度直接...
- 0
- 0
- admin
- 发布于 2020-07-20 23:02
- 阅读 ( 511 )
使用Promise封装小程序wx.request的实现方法
因为业务需要，每个http请求都要加上一个请求头，所以每次都要写很多重复的代码。 现在尝试把wx.request简单的封装了一下，调用一个request方法，每次请求自动携带header头信息，这样就省事多...
- 0
- 0
- admin
- 发布于 2020-07-20 23:02
- 阅读 ( 483 )
微信小程序wx.request的简单封装
这些天团队里开始做小程序开发了，之前没做过，都是第一次，第一次的感觉大家都懂的。周末看了一下小程序项目的代码，在网络请求上发现了一些小问题，最终没忍住想了点办法把request封装了一下...
- 0
- 0
- admin
- 发布于 2020-07-20 23:01
- 阅读 ( 462 )
vue使用prop可以渲染但是打印台报错的解决方式
vue属性传递时有时会报下述错误 vue.esm.js?f959:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'RegistrationAuthority' of undefined" found in ---> <Dialog...
- 0
- 0
- admin
- 发布于 2020-07-20 23:00
- 阅读 ( 485 )
