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 vote129 views1 answer
Page html vierge
Html
-1 vote135 views1 answer
Whats app chat link for html
Html
-1 vote134 views1 answer
Align center bootstrap 5 objects
Html
91 votes123 views6 answers
Bootstrap text color
Html
1 vote128 views1 answer
Iframe youtube playlist not working html
Html
0 vote86 views1 answer
Etiquetas formularios html
Html
0 vote122 views1 answer
Adding bootstrap to macros html in flask
Html
3 votes132 views1 answer
Bootstrap boilerplate code
Html
0 vote122 views1 answer
Pavlova
Html
4 votes144 views1 answer
Code hightlighting html
Html