vue.js - vue父组件接收子组件传参

问题描述

问 题

子组件是个几个表单控件，我在父组件要获取子组件的数据。子组件中$emit不知道该在什么时候触发，总不能每一个表单的值改变，我就触发一次吧。

解决方案

<input v-on:focus="focusEvent($event.target)" :value="value" @input="updateValue($event.target.value)" :readonly="readonly">

methods: {
    updateValue: function (value) {
      this.$emit('input', value)
    }
  }

如果你的子组件里面有5个这样的input,你可以判断5个都输入了数值，再触发input事件。根据你自己的业务改进。

这篇关于vue.js - vue父组件接收子组件传参的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！