请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
8
帖子
0
勋章
115
Y币

[BUG] picker显示不出数据

[复制链接]
发表于 2022-9-21 11:19:02
在文档里复制粘贴下来放在另外一个文件夹都可以用,然后放在这里后显示不出数据,

h5

h5

数据

数据

方法

方法

效果

效果
380
帖子
4
勋章
6
Y币
注释其他代码看看,是不是挡住了
8
帖子
0
勋章
115
Y币
技术咨询-F · 2022-9-21 11:58注释其他代码看看,是不是挡住了

就首页面是这个的话就可以,但是我一旦首页面不是这个文件,点击切换到这个页面上去的话他就不显示数据
380
帖子
4
勋章
6
Y币
BIP354430 · 2022-9-21 13:57就首页面是这个的话就可以,但是我一旦首页面不是这个文件,点击切换到这个页面上去的话他就不显示数据

class 复制过去了吗,对比代码再看看哪不一样
8
帖子
0
勋章
115
Y币
技术咨询-F · 2022-9-21 14:34class 复制过去了吗,对比代码再看看哪不一样

就那个页面,我把他设置成首页后就可以了,但是如果不是首页就不行,把文档的那个大夫直接复制过去也是一样的,就必须设置成首页才可以
380
帖子
4
勋章
6
Y币
BIP354430 · 2022-9-21 14:38就那个页面,我把他设置成首页后就可以了,但是如果不是首页就不行,把文档的那个大夫直接复制过去也是一样的,就必须设置成首页才可以

apiready 里写个console.log 看执行吗
8
帖子
0
勋章
115
Y币
技术咨询-F · 2022-9-21 14:59apiready 里写个console.log 看执行吗

执行,其他的功能也都好着,就是不是首页的时候这个选择器展示不出数据,然后即便是当前页面为首页的时候,数据显示出来了form表单也获取不到他的数据
发一下你简化版的代码,包括数据源,我们这边测试一下
8
帖子
0
勋章
115
Y币
技术咨询-特特 · 2022-9-22 09:48发一下你简化版的代码,包括数据源,我们这边测试一下
  1. <template>
  2.         <view class="main">
  3.                
  4.                
  5.                 <view v-if="current===0">
  6.                         <view class="buts">
  7.                                 <view><button class="but" @click="liuyt">生成二维码</button></view>
  8.                                 <view><button class="butss">采集</button></view>
  9.                         </view>
  10.        
  11.                 </view>
  12.                
  13.                
  14.         <dialog id="dev" class="dev">
  15.                         <form onsubmit={this.onsubmit}>
  16.                                 <view>
  17.                                         <text class="text_2">追溯码生成</text>
  18.                                 </view>
  19.                                 <view class="item">
  20.                                         <text>追溯码: </text>
  21.                                         <input name="zsm" placeholder="请输入追溯码" />
  22.                                 </view>
  23.                                 <view class="item">
  24.                                         <text>接收人: </text>
  25.                                         <input name="jsr" placeholder="请输入接收人" />
  26.                                 </view>
  27.                                 <picker class="picker" id="selector" mode="selector" value={selectorValue}
  28.                                                 onChange={this.selectorChange} name="jes">
  29.                                                 <text name="jess">选择性别:{genderDesc}</text>
  30.                                         </picker>
  31.                                 <view class="item">
  32.                                         <text>所属科室: </text>
  33.                                         <input name="ssks" placeholder="请输入所属科室" />
  34.                                 </view>
  35.                                 <button type="submit">提交</button>
  36.                                 <button type="reset">重置</button>
  37.                                 <button @click="qux">取消</button>
  38.                         </form>

  39.                 </dialog>
  40.         </view>
  41. </template>
  42. <style>
  43. .main {
  44.         width: 100%;
  45.         height: 100%;
  46. }
  47. .picker {
  48.         margin: 8px;
  49. }
  50. .main {
  51.         width: 100%;
  52.         height: 100%;
  53. }
  54. form {
  55.         margin: 5px;
  56. }
  57. button {
  58.         margin: 5px;
  59. }
  60. .item {
  61.         flex-direction: row;
  62.         align-items: center;
  63.         margin: 5px;
  64. }
  65. .dev {
  66.         width: 100%;
  67.         height: 100%;
  68.         background: #ffffff;
  69.         margin-top: 50px;
  70. }
  71. .page {
  72.         height: 100%;
  73. }
  74. .a-tabs {
  75.         width: 100%;
  76.         justify-content: space-between;
  77.         align-items: center;
  78.         height: 44px;
  79.         display: flex;
  80.         flex-direction: row;
  81.         flex-wrap: nowrap;
  82.         flex-shrink: 0;
  83.         background: #fff;
  84.         overflow: auto;
  85. }
  86. .a-tab-item {
  87.         flex: 1;
  88.         height: 100%;
  89.         padding: 0 12px;
  90.         justify-content: center;
  91.         align-items: center;
  92. }
  93. .a-tab-item-text {
  94.         color: #666;
  95.         font-size: 14px;
  96.         font-weight: normal;
  97.         white-space: nowrap;
  98.         text-overflow: ellipsis;
  99. }
  100. .a-tab-item-text-active {
  101.         color: #333;
  102.         font-weight: bold;
  103. }
  104. .a-tab-item-line {
  105.         position: absolute;
  106.         bottom: 0;
  107.         background: #f1c694;
  108.         width: 20px;
  109.         height: 2px;
  110. }
  111. .but {
  112.         width: 110px;
  113.         height: 45px;
  114.         color: #fff;
  115.         background: #169bd5;
  116. }
  117. .butss {
  118.         width: 70px;
  119.         height: 45px;
  120.         color: #fff;
  121.         background: #70b603;
  122. }
  123. .buts {
  124.         flex-direction: row;
  125. }
  126. .box {
  127.         border: 1px solid #000000;
  128.         padding: 10px 0;
  129.         width: 90%;
  130.         display: inline-block;
  131. }
  132. .boi {
  133.         width: 20px;
  134.         height: 20px;
  135.         margin: 5px 5px;
  136.         display: inline-block;
  137.         text-align: center;
  138.         border-radius: 6px;
  139.         border: 1px solid #000000;
  140. }
  141. .boxs {
  142.         height: 30px;
  143.         line-height: 10px;
  144.         flex-direction: row;
  145. }
  146. .tex {
  147.         margin-left: 5px;
  148.         font-size: 15px;
  149. }
  150. .imgs {
  151.         width: 20px;
  152.         height: 20px;
  153.         margin-left: 10px;
  154. }
  155. #divs {
  156.         margin-top: 10px;
  157.         flex-direction: row;
  158. }
  159. .text_2 {
  160.         margin: auto;
  161.         font-size: 27px;
  162.         text-align: center;
  163. }
  164. </style>
  165. <script>
  166. export default {
  167.         name: 'test',
  168.         data() {
  169.                 return {
  170.                         genderDesc: '',
  171.                         selectorValue: 0,
  172.                         genderList: ['男', '女'],
  173.             current: 0,
  174.                
  175.                 }
  176.         },
  177.         methods: {
  178.                 apiready() {
  179.                         var selector = document.getElementById('selector');
  180.                         selector.setData({
  181.                                 data: this.data.genderList
  182.                         });
  183.                 },
  184.       
  185.                 liuyt() {
  186.                         $('#dev').show();
  187.                 },
  188.                 qux() {
  189.                         $('#dev').close();
  190.                 },
  191.                 onsubmit(e) {
  192.                         console.log(JSON.stringify(e.detail));
  193.                 },

  194.                 selectorChange(e) {
  195.                         this.data.selectorValue = e.detail.value;
  196.                         this.data.genderDesc = this.data.genderList[this.data.selectorValue];
  197.                 },


  198.         }
  199. }
  200. </script>
复制代码

如果是这一个页面的话是可以的,你可以试一下进入首页后切换到这个页面,这样子就没有数据,还有就是form表单获取不到的问题
我这边测试一下
12下一页
您需要登录后才可以回帖 登录

本版积分规则