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 vote143 views1 answer
Inline code html
Html
0 vote145 views1 answer
Bookmarks Manager
Html
0 vote160 views1 answer
Image urol in src local image
Html
-1 vote146 views1 answer
Tailwind border style
Html
0 vote148 views1 answer
HtmlDocument document = webBrowser1.Document; string scriptName = "GetText"; object[] args = new string[0]; object obj = document.InvokeScript(scriptName, args); string script = obj.ToString();
Html
2 votes154 views3 answers
Laravel blade html content
Html
0 vote147 views1 answer
Location nearby html
Html
0 vote148 views1 answer
Css make div inline
Html
39 votes169 views6 answers
Href mailto
Html
1 vote151 views1 answer
Bootstrap textarea width
Html