vue 动态变量名_tool-weekly(VUE.JS+Django/DRF)

开坑-----

周报填写工具开发汇总：

1、前端开发——VUE.JS

（1）知识点汇总：

1）在格式部分加scoped定义局部格式

<style scoped>
</style>

2）在路由routes使用redirect进行重定向

const routes = [
{
path: '/',
redirect: '/login' // 重定向
},
{
path: '/login',
name: 'Login',
component: Login
}]

（2）bug汇总：

1）bug：drawer关联button塞在tab里时，drawer有遮罩，无内容显示

solution：drawer模板写在tab外，与tab模板平级

code：

<el-button size="mini" @click="drawerChange = true" type="text" style="margin-left: 16px">
编辑
</el-button>
/
<el-button type="text">删除</el-button>
</el-table-column>
</el-table>
<el-drawer
title="编辑项目"
size="40%"
:visible.sync="drawerChange"

reason：把抽屉组件放在table column里面之后，每有一行数据，就会生成一个抽屉组件，最后会有很多抽屉组件，而且控制他们显示隐藏的变量都是相同的，最后导致无法正常显示

2）bug：同页面多抽屉时，第一个抽屉确认后不能自动关闭，而第二个正常

solution：

code：

reason：

3）bug：drawer内格式变动

4）bug：table三级目录展示

5）bug：跨域请求维持登录状态

solution：使用token，不跨域使用cooki或session

2、后端开发——Django/DRF