二、vue學習--父元素如何獲取子元素的值,子元素如何獲取父元素的值


 
下圖是父元素:
下圖是子元素,獲取父元素的值,使用props定義屬性,這樣就可以獲取到父元素上傳過來的set 、place、type,拿到值就可以做一些自己的邏輯處理
二、子元素給父元素傳值?
下圖為子元素將值傳遞出去的方式,使用emit將值公布給父元素,見下圖:
父元素需要接受子元素給的值,在父元素中相應的要有propMethods屬性,這個屬性可以使用v-on的方式綁定,也可以使用@propMethods的方式,見下圖:
上圖中的login是處理事件,這里點擊按鈕時需要子元素來觸發事件,所以需要父元素根據子元素傳過來的的屬性來做一些邏輯處理,下圖就是父元素login事件的處理邏輯寫在login.vue里

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM