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 vote320 views3 answers
Xss commands
Html
0 vote251 views1 answer
Remove validation error after it has been corrected in html
Html
0 vote262 views1 answer
Checkbox checked border radius CSS
Html
7 votes284 views2 answers
Html initial scale
Html
3 votes242 views2 answers
Contenteditable onchange
Html
0 vote230 views1 answer
Google font library
Html
0 vote220 views1 answer
To centre each content in html
Html
26 votes273 views3 answers
Line under text html
Html
2 votes230 views6 answers
Margin left tailwind
Html
1 vote252 views1 answer
Fullpage cdn
Html