uni-app h5/app 使用 picker-view 问题

迷南。 2022-12-30 13:33 264阅读 0赞

使用picker-view 开发时,发现他的方法只有一个

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70][]

开始和结束的方法只有小程序中才能生效,由于我的项目是将小程序直接转换过来的,所以这两个方法里的操作需要进行改进

然后我又发现了一个问题

因为的是时间选择器

当我们的时在滑动的时候,,分没有跟着改变,这就很难受了.检查数据,需要已经更新了,唯独界面没有刷新,

看了很多,好像说vue的数值在某些操作上是不算更新数据的,也就是相当你你是拿数据用,并没有改变数据的意思一样.

uni-app中有这个 uni.$set(oldArr/oldObj, index/key, newVal) 可以更新数据.,

但是这个有三个值要传

我们要更新的数组/对象 oldArr/oldObj,    更换的下标/属性名 index/key  ,  更新成为什么值  newVal

我一开始没有全部传过去,只传一个更新的数组,我发现只能变化一次.

因为想将整个数据都替换掉的,但是发现替换不了,我的数组包数组,这个下标不好写,所以我只能将我需要替换的哪一列给更新,其他的还是照旧

目前只能写成这样.有没有大佬有更好的方法,介绍一下

async pickerChange(e) {
          let nPickVal = e.detail.value;
          let type = this.pickType;
          let pickDate = this.pickDate;
    
        
          pickDate[1] = await this.getHourMin(pickDate[0][nPickVal[0]]);
          pickDate[4] = await this.getHourMin(pickDate[3][nPickVal[3]]);
             
          this.$set(this.pickDate,1,pickDate[1])
    	  this.$set(this.pickDate,4,pickDate[4]) 
             
           
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1][]

改了之后效果正常了.每一次切换都正常了.此时想起了我年月日的时候的月和日也需要这么一个切换,用同样的方法即可

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70]: /images/20221120/f67d4fd975934df1a73c547264589c91.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020122516190143.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA==,size_16,color_FFFFFF,t_70