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

19 votes155 views3 answers
Default html template
Html
18 votes160 views3 answers
Html template start
Html
0 vote149 views1 answer
How to create check in html?
Html
13 votes158 views4 answers
Bootstrap..
Html
0 vote159 views1 answer
Counterup html
Html
0 vote150 views1 answer
Get all href from html
Html
0 vote153 views2 answers
React hooks html onchange two functions
Html
0 vote188 views1 answer
How to disable movable textarea in html
Html
0 vote149 views1 answer
How to make the border invisible in html
Html
22 votes144 views1 answer
Input type that allows float number
Html