Javascript

vue3.2 v-model

本文主要是介绍vue3.2 v-model，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

注意点：<Children v-model:text='textBoxValue'/> 不能省略v-model,

 <template>
    <h1>Parent</h1>
    <h2>{{textBoxValue}}</h2>
    <Children v-model:text='textBoxValue'/>
</template>

<script setup>
import Children from './Children.vue'

import {ref} from 'vue'

const textBoxValue = ref('空空如也')

</script>

 

<template>
    <input type="text" :value="text" @input="inputEvent" />
</template>

<script setup>

defineProps({
    text: String
})

const emits = defineEmits();

const inputEvent = (e) => {
    console.log(e.target.value);
    emits('update:text', e.target.value)
}
</script>

 

这篇关于vue3.2 v-model的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航