在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue created 異步請(qǐng)求，賦值出錯(cuò)

vue created 異步請(qǐng)求，賦值出錯(cuò)

我有兩個(gè)子父組件，父組件在create中進(jìn)行異步請(qǐng)求獲取的list，使用prop傳遞給子組件渲染數(shù)據(jù)，但到了子組件，這個(gè)list就是undefined了；如果這個(gè)list在父組件的data中初始化為空數(shù)組，到了子組件這個(gè)list就是空數(shù)組；也就是在create中對(duì)list賦值無(wú)效。

父組件xhr請(qǐng)求代碼.png

子組件代碼.png

父組件調(diào)用.png

使用webpack部署，修改文件熱加載后是可以正常顯示的，但是，刷新后卻不行。

回答
編輯回答
膽怯

不要把list放到obj里，這會(huì)導(dǎo)致vue監(jiān)聽(tīng)不到list的變化，把list放到根屬性里

2017年12月3日 06:08
編輯回答
有點(diǎn)壞

因?yàn)樽咏M件在父組件之前渲染，一般的處理是提前在data里面寫(xiě)一個(gè)沒(méi)數(shù)據(jù)但有結(jié)構(gòu)的值，然后異步請(qǐng)求覆蓋這個(gè)值

2018年7月22日 16:57
編輯回答
憶當(dāng)年

好像沒(méi)必要this.$nextTick(),你把$nextTick()刪了試試

2017年3月30日 17:30
編輯回答
淚染裳

用this.$set()賦值吧，應(yīng)該是因?yàn)楸O(jiān)測(cè)不到對(duì)對(duì)象里面的屬性賦值的原因

2018年2月27日 23:51
編輯回答
失魂人

問(wèn)題解決了就好了
另外提點(diǎn)建議哈, 看你是單文件組件, 肯定是支持 es6的, 建議規(guī)范下代碼

  • 字符串拼接
  • 箭頭函數(shù)替代 function
  • 箭頭函數(shù)不用緩存 this
  • 使用 import 替代 require
  • 盡量使用 === 替換 ==

個(gè)人建議哈

2017年4月22日 21:57
編輯回答
陪我終

問(wèn)題解決了，使用watch監(jiān)聽(tīng)數(shù)據(jù)變化后再進(jìn)行組件渲染，原因應(yīng)該是dom渲染完畢但是數(shù)據(jù)沒(méi)有更新，導(dǎo)致組件內(nèi)獲得到的數(shù)據(jù)為空

2018年4月27日 05:25