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

1 vote181 views1 answer
How to create js code
Html
-1 vote158 views1 answer
Align center bootstrap 5 objects
Html
4 votes157 views3 answers
Show 4 horizontal radio buttons bootstrap 4
Html
0 vote229 views1 answer
Keyboard accessible buttons on navbar
Html
0 vote165 views10 answers
Include html
Html
70 votes150 views3 answers
Fontawesome link
Html
0 vote152 views2 answers
How to hide youtube watermark from embedded video :2021
Html
1 vote160 views1 answer
Fa-fa-home
Html
0 vote270 views1 answer
Html attribute dynamic value
Html
5 votes148 views2 answers
Bootstrap 4 classes list with description pdf
Html