一些前端开发经验
2021-10-19 本文已影响0人
AShuiCoder
- import()方法中,不能使用模板字符串,若需要使用变量,需采用字符串拼接形式:
const importPage = page => {
return () => import('../views/' + page)
}
- formData里面的数据是打印不出来的,需要formData.get('name')。
- axios请求的时候若是400,先检查一下headers是不是
application/x-www-form-urlencoded
,是的话需要用qs.stringfy转成表单数据。 - element
drawer
组件点击有黑框:
/deep/ .el-drawer:focus {
outline: none;
}
/deep/ .el-drawer__header > span:focus {
outline: none;
}
5.jsx自定义element 的table组件的坑
获取table当前行的数据:
<el-table-column
key={item.prop}
{...{ attrs: item }}
{...{
scopedSlots: {
default: scope => {
console.log('scope', scope)
return this.$scopedSlots[item.slot]({
data: scope.row
})
}
}
}}
>
</el-table-column>
6.父子组件维护数据,不要维护两套数据(即父组件一套,子组件一套),容易造成bug的产生,应使用单一数据流模式,即数据应该始终在父组件维护