Vue3中v-model指令实现父子组件中表单输入双向数据绑定
<template>
<div>
<input v-model="searchText" placeholder="Search..." />
<!-- 其他内容 -->
</div>
</template>
<script setup>
import { ref } from 'vue';
const searchText = ref('');
// 其他逻辑...
</script>在这个简单的示例中，我们使用了Vue 3的Composition API（<script setup>），并通过v-model指令在父组件和子组件之间创建了双向数据绑定。searchText是一个响应式引用，它绑定到了输入框上，实现了数据的双向绑定。这样，无论输入框的值如何变化，searchText都会保持同步，反之亦然。
评论已关闭