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 · 500 阅读 · 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 · 3318 阅读 · 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 · 1159 阅读 · 0 评论 -
使用vuex 进行组件之间的通讯
demo界面展示项目结构现在想通过vuex点击header上的收起侧边栏按钮,控制侧边栏的收起与展示说明:非父子组件通讯,通过eventbus 也可以实现:https://blog.csdn.net/lyhDream/article/details/109216889?spm=1001.2014.3001.5501主要代码结构main.jsimport Vue from 'vue'import App from './App.vue'import router from原创 2021-03-11 10:49:28 · 287 阅读 · 0 评论 -
Vue通过eventBut实现组件全局通信
一、组件之间的层级关系如下图:现要在test_page_1.vue 组件中改变,MyHeader.vue组件中的某个属性值。二、eventBus简介:EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。Eve...原创 2020-10-22 11:01:45 · 477 阅读 · 1 评论