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

2 votes209 views2 answers
Divs in html
Html
2 votes213 views3 answers
Windows pop up
Html
1 vote192 views1 answer
Html importer une image
Html
7 votes244 views1 answer
Bootstrap background image for card
Html
6 votes201 views2 answers
How to get the input of a textbox in html
Html
1 vote243 views1 answer
Success green color code
Html
38 votes228 views6 answers
Random image
Html
2 votes212 views1 answer
Html change viewport to smartphone size
Html
55 votes228 views5 answers
Javascript limit input to 2 decimal places
Html
0 vote209 views1 answer
Grid in html
Html