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 vote165 views1 answer
Search input html with icon
Html
8 votes165 views1 answer
Remove space table html
Html
52 votes164 views4 answers
HTML starter
Html
1 vote147 views1 answer
How to make a yourbue icon in html
Html
23 votes160 views3 answers
Semantic ui cdn
Html
0 vote162 views1 answer
How to run an application exe running in server and return the response in html
Html
0 vote176 views1 answer
Fa fa draft
Html
0 vote197 views1 answer
Chrome input autocomplete not working
Html
9 votes152 views2 answers
Font awesome icon for email
Html
-1 vote145 views2 answers
Html code heavy left arrow
Html