Vue 父元素实时更新子元素input值

最近作项目又遇到了这种需求，父级元素实时更新子级元素的input的值。写过不知道到少遍了，但是忽然在写起来进居然忘记了，好难过 ~ 好吧，我就在这记录一下 ~

父元素

子元素

实现思路，子元素的v-model值变化，就实时$emit这个值，来讲重点了！

1.监听input v-model的值，经过onInput事件，把inputVal传递给父元素

2.父元素监听这个事件，经过自定义事件获得参数inputVal

3.重点来了！！！！ 必须经过this.searchContent 取到这个值，直接在这console.log取不到val

总体流程就是这样！喜欢点个赞 💙