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

8 votes124 views1 answer
&euro html
Html
1 vote175 views1 answer
Change text color in html butn
Html
3 votes154 views2 answers
Html input for email
Html
2 votes167 views1 answer
Vue router link dynamic id
Html
1 vote152 views1 answer
Bh
Html
0 vote170 views1 answer
Inline code html
Html
0 vote161 views2 answers
Background music html autoplay hidden
Html
0 vote165 views1 answer
Rounded scrolling images
Html
1 vote172 views1 answer
Fullpage cdn
Html
28 votes164 views3 answers
Online html image editor
Html