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

7 votes327 views1 answer
Qs cdn
Html
1 vote330 views1 answer
Regex href html pattern
Html
0 vote348 views2 answers
Show title combox check box wpf
Html
1 vote307 views1 answer
Whatsapp hovering button css
Html
2 votes307 views1 answer
Bootstrap classes in html
Html
0 vote335 views1 answer
Html tableaux
Html
0 vote301 views1 answer
How to append a variable to html
Html
1 vote307 views1 answer
Randome code
Html
0 vote339 views1 answer
HTML starter template tags with bootstrap
Html
2 votes336 views1 answer
Html input file multiple
Html