vue.js - vuejs中怎样将input中的输入值取出来.

问题描述

问 题

我要将输入框中的输入值取出，传入到另一个组件中进行比较，请问怎样同步获取输入框中的值？谢谢。

解决方案

举个栗子??:input所在的组件成为组件A，另外一个组件称作组件B

• 组件A与组件B没有父子与后代关系，也就是A跟B有共同的祖先节点(根节点).

  如果不使用Vuex这种神器的话，那么做法是，组件A中发送一个数据已经更新了的事件到根组件，根组件通过props把数据传递到组件B。

• 组件A是组件B的父亲
  那么直接通过props，吧input中的值传递给组件B。

• 组件A是组件B的孩子
  那么在组件A中利用this.$emit()函数来触发事件，把input中的值传递给组件A。

这篇关于vue.js - vuejs中怎样将input中的输入值取出来.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！