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

219 votes210 views5 answers
Bootstrap latest version cdn
Html
0 vote158 views1 answer
How to use figure and caption in html
Html
2 votes136 views2 answers
What is fas fa in html
Html
5 votes85 views1 answer
How to load another page in html
Html
0 vote132 views1 answer
Image on text in bootstrap
Html
0 vote165 views1 answer
Disable the hashtag to go to top
Html
0 vote142 views1 answer
Remove blank rows in html vs code
Html
1 vote129 views1 answer
Bootstrap change navbar font size
Html
0 vote153 views1 answer
Netlify 11ty build configuration
Html
0 vote130 views1 answer
Page auto refresh
Html