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

19 votes335 views5 answers
Google icons
Html
5 votes338 views1 answer
Boostrap 5.1 nav
Html
0 vote334 views1 answer
How to make text center above image html
Html
0 vote325 views1 answer
Angular open pdf in new tab
Html
0 vote306 views1 answer
Html img src background
Html
3 votes324 views1 answer
Nuxt i18n link
Html
1 vote317 views1 answer
Html ul types
Html
0 vote332 views1 answer
What permissions should var/www/html have
Html
1 vote313 views1 answer
Redirect to folder html
Html
0 vote321 views1 answer
Text box border css
Html