请选择 进入手机版 | 继续访问电脑版

[问题求助] avm picker 安卓显示不全

[复制链接]
zhaokei 发表于 2021-11-17 11:36:35
本帖最后由 zhaokei 于 2021-11-17 14:51 编辑

<picker id="selector1" mode="selector" value={pickerValue1} onChange={this.selectorChange1}
                            range={kckerDataList1} range-key="settlementName">
                            <text class="ge_zi">{pickerText1?pickerText1:'请选择'}</text>
                        </picker>


2981637119121_.pic.jpg 2971637119107_.pic.jpg

5条回复

技术支持-F 管理员 24811Y币
提供一页测试代码
zhaokei 马路杀手 245Y币
用官方API文档中的demo即可 avm picker

选择性别,安卓可以看到我所遇到的问题。

  1. <template>
  2.         <scroll-view class="main" scroll-y>
  3.                 <safe-area></safe-area>
  4.                 <picker class="picker" id="selector" mode="selector" value={selectorValue} onChange={this.selectorChange}>
  5.                         <text>选择性别:{genderDesc}</text>
  6.                 </picker>
  7.                 <picker class="picker" id="multiSelector" mode="multiSelector" value={multiSelectorValue}
  8.                         onChange={this.multiSelectorChange}>
  9.                         <text>选择年月:{dateDesc}</text>
  10.                 </picker>
  11.                 <picker class="picker" id="areaMltiSelector" mode="multiSelector" range-key="name" value={areaMltiSelectorValue}
  12.                         onchange={this.areaMultiSelectorChange} oncolumnchange={this.areaMultiSelectorColumnChange}>
  13.                         <text>选择区域:{areaDesc}</text>
  14.                 </picker>
  15.         </scroll-view>
  16. </template>
  17. <style>
  18. .main {
  19.         width: 100%;
  20.         height: 100%;
  21. }
  22. .picker {
  23.         margin: 8px;
  24. }
  25. </style>
  26. <script>
  27. export default {
  28.         name: 'test',
  29.         data() {
  30.                 return {
  31.                         genderDesc: '',
  32.                         dateDesc: '',
  33.                         areaDesc: '',
  34.                         selectorValue: 0,
  35.                         multiSelectorValue: [0, 0],
  36.                         areaMltiSelectorValue: [0, 0, 0],
  37.                         genderList: ['男男男男男男男男男男男男男男男男男男男', '女女女女女女女女女女女女女女女'],
  38.                         dateList: [[1980, 1981, 1982, 1983, 1984, 1985, 1986, 1987, 1988, 1989, 1990], [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]],
  39.                         areaList: [],
  40.                         areaInfo: [{
  41.                                 "name": "北京",
  42.                                 "sub": [{
  43.                                         "name": "北京市",
  44.                                         "sub": [{
  45.                                                 "name": "东城区"
  46.                                         }, {
  47.                                                 "name": "西城区"
  48.                                         }, {
  49.                                                 "name": "海淀区"
  50.                                         }, {
  51.                                                 "name": "朝阳区"
  52.                                         }, {
  53.                                                 "name": "丰台区"
  54.                                         }, {
  55.                                                 "name": "石景山区"
  56.                                         }, {
  57.                                                 "name": "昌平区"
  58.                                         }, {
  59.                                                 "name": "通州区"
  60.                                         }]
  61.                                 }]
  62.                         }, {
  63.                                 "name": "河南省",
  64.                                 "sub": [{
  65.                                         "name": "郑州市",
  66.                                         "sub": [{
  67.                                                 "name": "中原区"
  68.                                         }, {
  69.                                                 "name": "金水区"
  70.                                         }]
  71.                                 }, {
  72.                                         "name": "驻马店市",
  73.                                         "sub": [{
  74.                                                 "name": "西平县"
  75.                                         }, {
  76.                                                 "name": "泌阳县"
  77.                                         }]
  78.                                 }]
  79.                         }]
  80.                 }
  81.         },
  82.         methods: {
  83.                 apiready() {
  84.                         var selector = document.getElementById('selector');
  85.                         selector.setData({
  86.                                 data: this.data.genderList
  87.                         });

  88.                         var multiSelector = document.getElementById('multiSelector');
  89.                         multiSelector.setData({
  90.                                 data: this.data.dateList
  91.                         });

  92.                         this.initAreaData(this.data.areaMltiSelectorValue);
  93.                 },
  94.                 initAreaData(values) {
  95.                         var component0 = [];
  96.                         for (var i = 0; i < this.data.areaInfo.length; i++) {
  97.                                 component0[i] = this.data.areaInfo[i];
  98.                         }
  99.                         var component1 = component0[values[0]]['sub'];
  100.                         var component2 = component1[values[1]]['sub'];
  101.                         var dataList = [component0, component1, component2];
  102.                         this.data.areaList = dataList;
  103.                         var picker = document.getElementById('areaMltiSelector');
  104.                         picker.setData({
  105.                                 data: dataList
  106.                         });
  107.                 },
  108.                 selectorChange(e) {
  109.                         this.data.selectorValue = e.detail.value;
  110.                         this.data.genderDesc = this.data.genderList[this.data.selectorValue];
  111.                 },
  112.                 multiSelectorChange(e) {
  113.                         this.data.multiSelectorValue = e.detail.value;
  114.                         this.data.dateDesc = this.data.dateList[0][this.data.multiSelectorValue[0]] + '-' + this.data.dateList[1][this.data.multiSelectorValue[1]];
  115.                 },
  116.                 areaMultiSelectorChange(e) {
  117.                         var value = e.detail.value;
  118.                         this.data.areaMltiSelectorValue = value;
  119.                         var region = '';
  120.                         if (this.data.areaList.length > 0) {
  121.                                 for (var i = 0; i < value.length; i++) {
  122.                                         var index = value[i];
  123.                                         var list = this.data.areaList[i];
  124.                                         region += list[index].name;
  125.                                 }
  126.                         }
  127.                         this.data.areaDesc = region;
  128.                 },
  129.                 areaMultiSelectorColumnChange(e) {
  130.                         var column = e.detail.column;
  131.                         if (column == this.data.areaList.length - 1) {
  132.                                 return;
  133.                         }
  134.                         var value = e.detail.value;
  135.                         var selectValue = this.data.areaMltiSelectorValue;
  136.                         selectValue[column] = value;
  137.                         if (column == 0) {
  138.                                 selectValue[1] = 0;
  139.                                 selectValue[2] = 0;
  140.                         } else if (column == 1) {
  141.                                 selectValue[2] = 0;
  142.                         }
  143.                         this.initAreaData(selectValue);
  144.                 }
  145.         }
  146. }
  147. </script>
复制代码
技术支持-F · 2021-11-17 15:00提供一页测试代码
技术支持-F 管理员 24811Y币
我反馈一下
热狗面包 入门司机 531Y币
这个问题咋样了 , 现在可以了么
常山赵子云 管理员 6141Y币
该问题已经修复,重新编译app或自定义loader即可。
您需要登录后才可以回帖 登录

本版积分规则