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

0 vote176 views1 answer
Jqery each from string html
Html
-1 vote189 views1 answer
Box shadow svg css
Html
5 votes240 views4 answers
How to directly transfer data from html to controller in laravel
Html
0 vote169 views1 answer
Wie heilt man Cholesteatom
Html
0 vote192 views1 answer
Prettier not formatting HTML files in VS Code
Html
1 vote158 views1 answer
Twig join
Html
0 vote166 views1 answer
How to use a text area for a model kendo mvc
Html
0 vote178 views1 answer
Object is possibly 'null' in $event.target.value in angular 12
Html
0 vote222 views4 answers
Pattern input html
Html
0 vote167 views2 answers
Basic fetch with error
Html