好技术

一些前端开发经验

2021-10-19  本文已影响0人  AShuiCoder
  1. import()方法中,不能使用模板字符串,若需要使用变量,需采用字符串拼接形式:
 const importPage = page => {
    return () => import('../views/' + page)
}
  1. formData里面的数据是打印不出来的,需要formData.get('name')。
  2. axios请求的时候若是400,先检查一下headers是不是application/x-www-form-urlencoded,是的话需要用qs.stringfy转成表单数据。
  3. 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的产生,应使用单一数据流模式,即数据应该始终在父组件维护

上一篇下一篇

猜你喜欢

热点阅读