一些前端開發(fā)經(jīng)驗(yàn)

  1. import()方法中,不能使用模板字符串,若需要使用變量,需采用字符串拼接形式:
 const importPage = page => {
    return () => import('../views/' + page)
}
  1. formData里面的數(shù)據(jù)是打印不出來的,需要formData.get('name')。
  2. axios請(qǐng)求的時(shí)候若是400,先檢查一下headers是不是application/x-www-form-urlencoded,是的話需要用qs.stringfy轉(zhuǎn)成表單數(shù)據(jù)。
  3. element drawer組件點(diǎn)擊有黑框:
/deep/ .el-drawer:focus {
    outline: none;
}

/deep/ .el-drawer__header > span:focus {
  outline: none;
}

5.jsx自定義element 的table組件的坑
獲取table當(dāng)前行的數(shù)據(jù):

                  <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.父子組件維護(hù)數(shù)據(jù),不要維護(hù)兩套數(shù)據(jù)(即父組件一套,子組件一套),容易造成bug的產(chǎn)生,應(yīng)使用單一數(shù)據(jù)流模式,即數(shù)據(jù)應(yīng)該始終在父組件維護(hù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容