Use v-model in custom component

/******************/
/* CUSTOM ELEMENT */
/******************/
<template>
	<!-- Everithing you whant -->
	<input :value="value" @input="$emit('input',$event.target.value)"/>
</template>

<script>
export default {
	name: "CustomElement",
	props: {
    	value: {
			type: String,
			default: ""
		}
	}
}
</script>

/******************/
/* PARENT ELEMENT */
/******************/
<CustomElement v-model="someVariable" />

Similar codes

0 vote329 views1 answer
View uava code in html
Html
0 vote309 views1 answer
Event.preventdefault() in angular
Html
9 votes255 views1 answer
Js prevent submit
Html
0 vote320 views1 answer
Html4
Html
8 votes304 views2 answers
Numbered list bootstrap
Html
30 votes296 views6 answers
How to give color to text in html
Html
-1 vote305 views1 answer
Convert html to wordpress
Html
1 vote307 views1 answer
Html required checkbox
Html
0 vote335 views3 answers
Prevent click other tab bootstrap tabs
Html
10 votes249 views2 answers
Coment html
Html