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 vote198 views1 answer
Desactiver un boutton react
Html
8 votes291 views2 answers
Numbered list bootstrap
Html
1 vote199 views3 answers
Form mobile number validation
Html
0 vote203 views1 answer
Sticky footer css grids
Html
0 vote189 views1 answer
Html:5
Html
6 votes199 views4 answers
Text animation css
Html
0 vote221 views1 answer
Ip html
Html
0 vote207 views1 answer
Hll
Html
2 votes208 views1 answer
Html power
Html
0 vote185 views1 answer
Html form to google sheets
Html