Vue 父元素實時更新子元素input值

最近作項目又遇到了這種需求，父級元素實時更新子級元素的input的值。寫過不知道到少遍了，但是忽然在寫起來進居然忘記了，好難過 ~ 好吧，我就在這記錄一下 ~

父元素

子元素

實現思路，子元素的v-model值變化，就實時$emit這個值，來講重點了！

1.監聽input v-model的值，經過onInput事件，把inputVal傳遞給父元素

2.父元素監聽這個事件，經過自定義事件獲得參數inputVal

3.重點來了！！！！ 必須經過this.searchContent 取到這個值，直接在這console.log取不到val

總體流程就是這樣！喜歡點個贊 💙