
Vue
Vue前端问题与解决方案记录
远洪
不服就干......
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“
<template v-if="tableData != undefined"> <div> <h3 style="padding:0px;text-align: left;padding-left: 10px;}">设备基本信息:</h3> <table style="width: 100%;margin-top:10px;border-collapse: collapse" class="dev_info_table"> &l.原创 2021-04-06 16:34:47 · 570 阅读 · 0 评论 -
Vue route页面跳转,传递参数接收到的参数为空
Vue在处理页面跳转传递参数的时候 var devId = row.id; this.$router.push({ name: '/showDevs/devDetail' ,params:{"devId":devId}}); 通过以下方式接收发现接收到的参数为空对象:{} var devId = this.$route.params.devId; 原因: 查看官网上的说明,当使用path的时候,params参数会被忽略 于是在页面跳转的时候,使用路由的name,方式得到解决: var原创 2021-04-06 11:42:24 · 3558 阅读 · 0 评论 -
vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)
这是一个django的跨域访问问题。 django,会对合法的跨域访问做这样的检验,cookies里面存储的’csrftoken’,和post的header里面的字段”X-CSRFToken’作比较,只有两者匹配,才能通过跨域检验。否则会返回这个错误:CSRF Failed: CSRF token missing or incorrect 解决方法: 由上面的分析可以得出,只要在POST请求的header添加一个字段’X-CSRFToken’,这个字段和cookie里面的‘csrftoken’一样就好了原创 2021-03-30 16:21:25 · 1296 阅读 · 0 评论 -
使用vuex 进行组件之间的通讯
demo界面展示 项目结构 现在想通过vuex点击header上的收起侧边栏按钮,控制侧边栏的收起与展示 说明:非父子组件通讯,通过eventbus 也可以实现:https://blog.csdn.net/lyhDream/article/details/109216889?spm=1001.2014.3001.5501 主要代码结构 main.js import Vue from 'vue' import App from './App.vue' import router from原创 2021-03-11 10:49:28 · 334 阅读 · 0 评论 -
Vue通过eventBut实现组件全局通信
一、组件之间的层级关系如下图: 现要在test_page_1.vue 组件中改变,MyHeader.vue组件中的某个属性值。 二、eventBus简介: EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。 Eve...原创 2020-10-22 11:01:45 · 547 阅读 · 1 评论