关于picker选择器使用踩的坑

最新推荐文章于 2024-06-28 16:28:32 发布

眼里有声

最新推荐文章于 2024-06-28 16:28:32 发布

阅读量602

点赞数

本文链接：https://blog.youkuaiyun.com/ouyangxihong119/article/details/118196239

版权

在Vue应用中使用picker选择器时，需要注意将`:value`属性绑定，以确保显示内容的实时响应。在`@change`事件处理函数中，可以获取到当前选中的item对象，简化事件操作。当页面初始化或选择项未赋值时，由于Vue无法动态响应某些数组变化，需要在事件处理函数内手动更新视图，例如通过`Object.assign()`更新数组中的对象属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在picker选择器属性绑定的时候最好是把:value属性也绑定上去；这样所展示的内容能快速响应

                                   @change="handleshelfList(item,$event)" range-key="name" style="margin-left: 10upx;">

                                       货架摆放:{ {item.shelf_name ?item.shelf_name : '无' }}

如果组件是循环遍历数据拿到的，可以在change事件里面把item当前事件对象拿到;这样做事件的操作或许就容易的多;

最重要的一点，当页面初次进入时picker选择器没有赋值的时候，更或者当前选择的事件对象没有picker所展示的属性的时候，因为vue不能动态响应某些数组的变化，这个时候我们就需要在进行change事件操作的时候，

handleshelfList(item, e) {
               if (e.detail.value > -1) {
                   this.shelfListIndex = e.detail.value;
                   for (let i = 0; i < this.productItems.length; i++) {

最低0.47元/天解锁文章