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

8 votes218 views1 answer
&euro html
Html
1 vote259 views1 answer
Html faq
Html
0 vote253 views1 answer
Plantuml multiline footer
Html
0 vote304 views1 answer
Hide html element show on print bootstrap 4.6
Html
0 vote268 views1 answer
Html video on end
Html
0 vote262 views2 answers
How to add html in useState
Html
0 vote254 views1 answer
OpenGraph 4
Html
2 votes285 views2 answers
Upload button in html
Html
3 votes253 views1 answer
Internet and intranet
Html
-1 vote249 views2 answers
Div shift right
Html