vue 如何在动态组件中获取input输入的值

Question

功能如下：

点击确定后，遮罩层消失，并在遮罩层的下方（箭头处）把刚刚输入的名称和选择的类型展示出来

这是注册的组件代码

这是点击确定的事件

求问：如何在组件中获取到刚刚输入的值？

Answer 1

如果是父子组件的话,可以用自定义事件,sync如果是非父子组件,就用event bus如果当前页面逻辑比较复杂,组件间共同作用影响着当前页面的数据状态,建议使用Vuex状态管理

Answer 2

如果弹窗和显示的地方是属于父子组件关系，那么直接用this.$refs的形式获取想要的值，如果不是，那么点确定的时候，把值传过去，可以用vuex等方式