<view v-for="(store, index) in dataList" :key="index">
<view v-for="(goods,index1) in store.goods_list" :key="index1">
<input v-model="goods.number" />
</view>
</view>
1***@qq.com
- 发布：2022-03-17 16:53
- 更新：2022-05-16 21:11
- 阅读：641
【报Bug】在uniapp中一个循环内不能fliter（过滤器）和 自定义 v-model 一起使用，小程序端，自定义组件内获取不到 v-model 传递的值。使用属性传值的方式
分类：uni-app
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.3.13
第三方开发者工具版本号： 1.05
基础库版本号： 2.22.1
项目创建方式： HBuilderX
示例代码：
操作步骤：
<view v-for="(store, index) in dataList" :key="index">
<view v-for="(goods,index1) in store.goods_list" :key="index1">
<input v-model="goods.number" />
</view>
</view>
<view v-for="(store, index) in dataList" :key="index">
<view v-for="(goods,index1) in store.goods_list" :key="index1">
<input v-model="goods.number" />
</view>
</view>
预期结果：
正常绑定并修改
正常绑定并修改
实际结果：
无法绑定
无法绑定
bug描述：
如图
+1，一模一样的问题，导致只能:value
我发现不仅仅是 filter 会出问题，只要在组件上写了方法取值都会导致同层循环的 v-model 失效
最小复现代码：
<view
v-for="(goodsItem, goodsIndex) in detail.goods"
:key="goodsIndex"
class="goods-item"
>
<image :src="ossCoverRpx(goodsItem.cover_upload, 180)" />
{{ ossCoverRpx(goodsItem.cover_upload, 180) }}
<view class="status">{{ goodsItem | formatCartGoodsStatus }}</view>
<!-- 以上三行代码均会导致 v-model 失效 -->
<number-input class="count-input" v-model="goodsItem.number" />
</view>
1***@qq.com (作者)
只要是v-model就不行
2022-03-18 14:47
1***@qq.com (作者)
是value
2022-03-18 17:03