this.$emit(‘input‘, event.target.value) 关于element ui的inputd输入框的理解

v-model 其实是两个操作的合集

1 v-model 其实是v-bind(:)绑定一个value属性值

2 v-on 指令给当前元素绑定input 输入事件

自定义组件使用了v-model 应该触发两个事件

1 子组件接收一个 value 的prop

2 触发一个input 事件 ，并串如最新的输入值

3 如下图所示

vue 在父子组件传值时，除了传统的父组件 ：（绑定）属性去传值外，还可以使用 父组件v-model传值，子组件props[‘value’]接收，而子组件也可以通过$emit(‘input’,false)，去改变父组件中v-model 和 子组件中 value 的值 。

代码本质上是<input :value=“test” @input=“test = $event.target.value”>，其中@input是对输入事件的一个监听:value="test"是将监听事件中的数据放入到input。在这边需要强调一点，v-model不仅可以给input赋值还可以获取input中的数据，而且数据的获取是实时的，因为语法糖中是用@input对输入框进行监听的。