8bu · January 23, 2019 09:33
diff --git a/custom-component with v-model b/custom-component with v-model
 v-model uses the @input event by default, so if you want to use v-model on a custom component you need to emit the input event to the parent. So, in your component, you simply do:

 <input class="product_name form-control" @input="$emit('input', $event.target.value)" />

 Now in your parent you can do:

 <products-list v-model="product.name"></products-list>

 You can see the full example on this JSFiddle: https://jsfiddle.net/7s2ugt11/
	v-model uses the @input event by default, so if you want to use v-model on a custom component you need to emit the input event to the parent. So, in your component, you simply do:

	<input class="product_name form-control" @input="$emit('input', $event.target.value)" />

	Now in your parent you can do:

	<products-list v-model="product.name"></products-list>

	You can see the full example on this JSFiddle: https://jsfiddle.net/7s2ugt11/