Vu3.x如何给v-for循环出来的输入框绑定v-mode的值,以及实现父子组件传值、双向绑定( 二 )


// 这里是父组件的script<script setup lang="ts">import { Ref, ref, watch } from 'vue'.........// 监听数组watchtitleArray,() => {console.log('数组变化了')},{deep: true})</script>随后进行测试

Vu3.x如何给v-for循环出来的输入框绑定v-mode的值,以及实现父子组件传值、双向绑定

文章插图
可以看到,虽然是通过循环生成的三个子组件(input),但是它们各自都实现了双向数据绑定以及数据监听,至此,效果实现,本博客仅用于开发过程中的记录以及复盘,仅供参考!
【Vu3.x如何给v-for循环出来的输入框绑定v-mode的值,以及实现父子组件传值、双向绑定】

经验总结扩展阅读