vue 中3种传值方法
vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。 父组件向子组件传值 方法：父组件内设置要传...
- 0
- 0
- admin
- 发布于 2020-07-21 22:02
- 阅读 ( 495 )
admin
Vue 中 a标签上href无法跳转的解决方式
使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。 解决： 在App.vue 里增加判断IE浏览器手动修复…… export default { name: 'App', mounted(){ function checkIE(){...
- 0
- 0
- admin
- 发布于 2020-07-21 22:01
- 阅读 ( 644 )
javascript严格模式详解（含严格模式与非严格模式的区别）
严格模式的优缺点 优点： 提高代码解析与运行速度禁用一些不合理的语法，减少代码的怪异行为 缺点 某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意有些严格模式的特性...
- 0
- 0
- admin
- 发布于 2020-07-21 22:01
- 阅读 ( 511 )
VUEX 数据持久化存储,刷新后重新获取的例子
VUEX 数据持久化 // store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); console.log('tok...
- 0
- 0
- admin
- 发布于 2020-07-21 21:59
- 阅读 ( 494 )
实现vuex与组件data之间的数据同步更新方式
问题 我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。 当我们使用Vu...
- 0
- 0
- admin
- 发布于 2020-07-20 23:18
- 阅读 ( 491 )
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json...
- 0
- 0
- admin
- 发布于 2020-07-20 23:17
- 阅读 ( 488 )
vuex管理状态 刷新页面保持不被清空的解决方案
mutation文件 import { RECEIVE_PUBLICHTIT } from './mutation-types' //保证刷新页面数据不消失* function storeLocalStore (state) { window.localStorage.setItem("publicTit",JSON.st...
- 0
- 0
- admin
- 发布于 2020-07-20 23:16
- 阅读 ( 408 )
vuex实现数据状态持久化
用过vuex的肯定会有这样一个痛点，就是刷新以后vuex里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的。 所以我们通过 vuex-persistedstate这个插件，来实现将数据存储到...
- 0
- 0
- admin
- 发布于 2020-07-20 23:15
- 阅读 ( 483 )
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 )
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 )
