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

11 votes218 views2 answers
Text -center bootstrap
Html
-1 vote111 views1 answer
Paragraph
Html
0 vote100 views1 answer
Html redirect after alert
Html
1 vote100 views2 answers
Change button text css
Html
0 vote103 views1 answer
Html preload images
Html
0 vote113 views1 answer
Magento 2 call phtml file in cms page
Html
0 vote109 views1 answer
Niklas von hertzen html2canvas textarea capture only one line
Html
0 vote107 views1 answer
{"errors":[], "error":{"zz":{"statuscode":"403","message":"Forbidden -- Request forbidden by administrative rules."}}}
Html
-1 vote117 views1 answer
Remove html between 2 tags javas
Html
0 vote108 views1 answer
What Is the Metaverse?
Html