一些前端开发经验

  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的产生,应使用单一数据流模式,即数据应该始终在父组件维护

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。