vue中，input被封装成组件循环使用，如何与父组件传值

最新推荐文章于 2024-06-20 19:50:45 发布

幽幽靖

最新推荐文章于 2024-06-20 19:50:45 发布

阅读量1.2k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/ws19900201/article/details/98733914

版权

本文介绍了在Vue中如何处理一个被封装成组件并循环使用的input元素，详细阐述了如何通过v-model在子组件和父组件之间传递值。子组件需在外层包裹div，并使用props接收父组件传递的数组。父组件则可以监听子组件的变化，实现双向数据绑定。

摘要由CSDN通过智能技术生成

代码

input子组件html:
注意：子组件 template 中不可以直接循环需要在外层加个div包起来。。

<div class="bj-box">
	<div class="bj-item clearfix"
	     v-for="(item, index) in inputList"
	     :key="index">
	  <label>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注