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

10 votes286 views3 answers
How to create a video link in html
Html
0 vote315 views1 answer
Tailwind resize none
Html
1 vote335 views3 answers
Change html div jquery
Html
3 votes326 views1 answer
Ion-select cancel text
Html
1 vote370 views1 answer
Must fill input
Html
0 vote333 views1 answer
Convert ipynb to html
Html
1 vote356 views2 answers
Submit() refreshes the page
Html
1 vote322 views2 answers
R install multiple packages
Html
0 vote340 views1 answer
Center class in html
Html
0 vote326 views1 answer
Standaard html code
Html