antd-mobile Picker value 属性不生效

墨蓝 2022-04-12 13:40 525阅读 0赞

const entranceTimeOptions = [
       { value: '2018', label: '2018' },
       { value: '2017', label: '2017' },
       { value: '2016', label: '2016' },
       { value: '2015', label: '2015' }
    ]
    
    
    <Picker
      data={entranceTimeOptions}
      value={['2018']}
      cols={1}
      {...getFieldProps('entranceTime')}
      onChange={v => handleFromChange('entranceTime', v)}
      className="forss"
    >
      <List.Item arrow="horizontal">入学年份</List.Item>
    </Picker>

我按照antd-mobile文档在value中写了 \['2018'\] 并且这个值存在于数据源data的value中，但依然不起作用。

向 getFieldProps 中传入参数 initialValue就解决了这个问题。 删掉value属性， 向getFieldProps传入一个对象，对象键为initialValue,  值为那个数组，这样就可以成功设置value值啦。

<Picker
      data={entranceTimeOptions}
      cols={1}
      {...getFieldProps('entranceTime', {initialValue: jsEntranceTime})}
      onChange={v => handleFromChange('entranceTime', v)}
      className="forss"
    >
      <List.Item arrow="horizontal">入学年份</List.Item>
    </Picker>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NzQ2OTcz_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NzQ2OTcz_size_16_color_FFFFFF_t_70]: /images/20220412/ae2aa5c8fc4f4e62a72308d6d17f26f6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，525人围观）

还没有评论，来说两句吧...

相关阅读

相关 watch监听属性第一次不生效处理方法

我在项目中遇到的一个问题，页面第一次进来，调用的接口watch监听传的参数是空的，后面查找了问题并且解决，解决方法如下： 1.watch的代码，这里是简写的方式（平时一般习惯

「爱情、让人受尽委屈。」/ 2024年03月25日 21:30/ 0 赞/ 54 阅读

相关 023：vue中解决el-date-picker更改样式不生效问题

![在这里插入图片描述][32d2a1d099334cfba6adc4f84dd79e22.png_pic_center] 第023个查看专栏目录: [VUE][] \-

墨蓝/ 2024年03月24日 19:13/ 0 赞/ 48 阅读

相关 mybatis pagehelper手动设置pages属性不生效

环境: springboot+mybatis, 其中使用了pagehelp插件依赖如下: <dependency> <group

浅浅的花香味﹌/ 2023年07月03日 07:25/ 0 赞/ 24 阅读

相关点击某个区域调用小程序picker；picker调用不灵敏；边角区域调用picker失败；点击不到picker

问题描述当我点击全部这个按钮的时候，要显示picker ![在这里插入图片描述][20210424193829883.png] 当picker展开的时候，全部按

朱雀/ 2023年01月16日 06:52/ 0 赞/ 207 阅读

相关 @value 默认值不生效_17个你可能还不知道 JS 技巧！

1.三元运算符新手 let hungry = true; let eat; if (hungry == true) {

左手的ㄟ右手/ 2023年01月01日 09:55/ 0 赞/ 177 阅读

相关给img标签动态设置src属性，不生效

给img标签动态设置src属性，不生效 js如下： for(var i = 0; i<len;i++){ var data = datas[i];

亦凉/ 2022年06月06日 03:41/ 0 赞/ 1213 阅读

相关 radio设置属性checked属性不生效

在jquery中，通过点击事件设置radio的checked属性不生效。 1、html <div id="weChatSignIn">

「爱情、让人受尽委屈。」/ 2022年06月04日 03:16/ 0 赞/ 461 阅读

相关 input 属性radio中设置checked 不生效

同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修

妖狐艹你老母/ 2022年06月01日 08:18/ 0 赞/ 205 阅读

相关 antd-mobile Picker value 属性不生效

const entranceTimeOptions = [ { value: '2018', label: '2018' }, { valu

墨蓝/ 2022年04月12日 13:40/ 0 赞/ 526 阅读

相关 Solr配置maxBooleanClauses属性不生效原因分析

\[size=medium\] 上次已经写过一篇关于solr中，查询条件过多的异常的\[url=http://qindongliang.iteye.com/blog/225

梦里梦外;/ 2022年04月12日 11:42/ 0 赞/ 245 阅读