国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

解決vue組件props傳值對象獲取不到的問題

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:55:26
文檔

解決vue組件props傳值對象獲取不到的問題

解決vue組件props傳值對象獲取不到的問題:先說問題,父組件利用props向子組件傳值,瀏覽器 console 有這個值,但是獲取不到內(nèi)部的屬性,困了我3個小時,真的** personal console 以下為原代碼 1、home.vue(父組件)--personal是被傳的參數(shù) <!--子組件--> <form
推薦度:
導(dǎo)讀解決vue組件props傳值對象獲取不到的問題:先說問題,父組件利用props向子組件傳值,瀏覽器 console 有這個值,但是獲取不到內(nèi)部的屬性,困了我3個小時,真的** personal console 以下為原代碼 1、home.vue(父組件)--personal是被傳的參數(shù) <!--子組件--> <form

以下為原代碼

1、home.vue(父組件)--personal是被傳的參數(shù)

<!--子組件-->
<form-picker class="form-picker"
 :personal="personal"
>
</form-picker>
export default {
 data(){
 return{
 personal:{
 state:'',////判斷是修改狀態(tài),還是新增狀態(tài) add/edit
 data:[]
 }
 }
 },
 mounted(){
 this.$api.personal.searchPersonalInfo(this.userInfo.userId).then((res)=>{
 this.personal.data = res.data.data //這里給personal對象賦值接口傳來的數(shù)據(jù)
 })
 },
}

2、formPicker (子組件) --接收personal

export default {
 props:['active','personal'],
 mounted(){
 console.log(149,this.personal)
 console.log(150,this.personal.state)
 }
}

運行結(jié)果

明明149行有 state 值,150行輸出卻沒有了,是不是超級奇怪

后面經(jīng)過大佬的講解,其實瀏覽器console.log也是應(yīng)該沒有的

所以,其實我們子組件一開始根本就沒有取到這個personal這個對象。

3、解決方法--使用watch

父組件

export default {
 data(){
 return{
 personal:{
 state:'',////判斷是修改狀態(tài),還是新增狀態(tài) add/edit
 data:[]
 }
 }
 },
 mounted(){
 this.$api.personal.searchPersonalInfo(this.userInfo.userId).then((res)=>{
 //this.personal.data = res.data.data //這里給personal對象賦值接口傳來的數(shù)據(jù)
 //使用以下方法重新賦值,上面方法watch監(jiān)聽不到,具體什么原因,我也不清楚,知道的告知我!謝謝
 this.personal = {
 data: res.data.data,
 state: 'edit'
 }
 })
 },
}

接下來子組件就能 watch 到 personal 了 子組件

watch:{
 personal(newValue,oldValue){
 console.log(181,newValue) 
 },
/** 
輸出 { data: res.data.data, state: 'edit' } **/ }

總結(jié)

以上所述是小編給大家介紹的解決vue組件props傳值對象獲取不到的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

解決vue組件props傳值對象獲取不到的問題

解決vue組件props傳值對象獲取不到的問題:先說問題,父組件利用props向子組件傳值,瀏覽器 console 有這個值,但是獲取不到內(nèi)部的屬性,困了我3個小時,真的** personal console 以下為原代碼 1、home.vue(父組件)--personal是被傳的參數(shù) <!--子組件--> <form
推薦度:
標(biāo)簽: VUE 組件 獲取的
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美一区精品 | a黄网站| 亚洲国产精久久久久久久 | 日韩视频亚洲 | 亚洲综合欧美日本另类激情 | 一区二区影视 | 国产偷亚洲偷欧美偷精品 | 国产成人精品一区二区视频 | 久久成人国产精品二三区 | 国产在线成人一区二区 | 国产精选在线观看 | 亚洲欧美日韩在线观看播放 | 免费一区 | 五月天婷婷综合 | 亚洲小说欧美激情另类 | 国产高清免费在线观看 | 2021精品国内一区视频自线 | 国产成人精品.一二区 | 四虎影视永久在线 | 国产在线午夜 | 久久99精品一区二区三区 | 久久免费国产精品一区二区 | 欧美日韩精品一区二区 | 欧美日韩一区二区三区在线 | 四虎影院永久免费观看 | 久久精品国产亚洲精品2020 | 国内精品视频一区二区三区 | 九九精品免视看国产成人 | 成人a免费α片在线视频网站 | 日本国产一区二区三区 | 国产精品亚洲片在线观看不卡 | 亚洲电影中文字幕 | 国内精品久久久久激情影院 | 亚洲综合导航 | 亚洲欧美色欧另类欧 | 国产欧美久久一区二区 | 日韩精品欧美亚洲高清有无 | 日韩综合| 国产欧美成人一区二区三区 | 国产区视频在线观看 | 国产一区二区三区 韩国女主播 |