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 vote212 views1 answer
Html Banana Script
Html
0 vote229 views2 answers
How to make password in html correct or incorrect
Html
1 vote229 views1 answer
Empty link javascript
Html
3 votes227 views3 answers
Bootstrap 4 vertical tabs responsive
Html
0 vote223 views1 answer
How to get the 4th child of an html element
Html
16 votes224 views2 answers
Html tabulation
Html
0 vote224 views2 answers
Vertical line navigation bar
Html
4 votes215 views1 answer
Code highlighting html
Html
3 votes266 views3 answers
Responsive text css
Html
0 vote234 views1 answer
How to put more than one javascript function in an html tag
Html