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

13 votes139 views3 answers
Button center bootstrap
Html
0 vote165 views1 answer
Hex code html
Html
3 votes157 views1 answer
Hyperlink mailto pre-populated content
Html
4 votes130 views1 answer
Rotate an image on hover CSS
Html
1 vote132 views1 answer
How to open a website inside a website
Html
1 vote135 views1 answer
How to set link as normal text in html
Html
0 vote131 views1 answer
Markdown new page break
Html
0 vote133 views1 answer
Create drop down menu in html
Html
1 vote144 views1 answer
Display success message after form submit in php
Html
0 vote150 views3 answers
Input adresse ville automatique
Html