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

功能如下:

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

clipboard.png

这是注册的组件代码

clipboard.png

这是点击确定的事件

clipboard.png

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

阅读 6.3k
3 个回答

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

clipboard.png

clipboard.png

![图片上传中...]

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题