use v-model in custom component

Robotechnic answered on September 5, 2021 Popularity 9/10 Helpfulness 6/10

answer use v-model in custom component

use v-model in custom component

Comment

/******************/
/* 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" />

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: custom-component html v-model

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

Robotechnic

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

use v-model in custom component

Contents

More Related Answers

use v-model in custom component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.