3***@qq.com
3***@qq.com
  • 发布:2019-02-27 15:34
  • 更新:2019-02-27 16:12
  • 阅读:1182

同个页面引用多个picker, 选择机构之后动态改变周期的数据,然后再选择周期的数据时,索引都加1了

分类:uni-app
<template>  
	<view>  
        <view class="formlist">  
           <view class="formItem">  
               <view class="itemleft">周期:</view>  
               <view class="itemright">  
                  <picker class="picker-item" mode="selector" name="zq" :value="zqValue" range-key="title" :range="zqList" @change="zqChange">  
                       <view class="text-gray">{{zq}}</view>  
                  </picker>  
               </view>  
           </view>  
           <view class="formItem">  
               <view class="itemleft">机构:</view>  
               <view class="itemright ">  
                  <picker class="picker-item" mode="selector" name="jg" :value="jgValue"  range-key="title" :range="jgList" @change="jgChange">  
                       <view class="text-gray">{{jg}}</view>  
                  </picker>  
               </view>  
           </view>  
        </view>  
	</view>  
</template>  
  
<script>  
	export default {  
		data() {  
			return {  
                zq:'请选择',  
                jg:'请选择',  
                zqList: ['请先选择入住机构'],  
                zqValue: 0,  
                jgList: ["请点击选择"],  
                jgValue: 0,  
			};  
		},  
        onShow() {  
            var that=this;  
            that.Common.ApiGet("org/index",function(data){  
        	    that.center=data;  
                that.jgList=data.condition.org;  
                that.cwList=data.condition.type_2.list;  
                that.jbList=data.condition.type_3.list;  
                that.prolist=data.org  
        	})  
        },  
        methods: {  
             // 机构  
             jgChange(e){  
                 var that=this;  
                 that.jgValue=e.target.value  
                 that.jg=that.jgList[e.target.value]['title']  
                 var id=that.jgList[e.target.value]['id']  
                 that.Common.ApiGet("org/orgprice",{orgid:id},function(data){  
                     that.zqList=data;  
                 })  
             },  
          // 周期  
             zqChange(e) {  
                 var that=this;  
                   that.zqValue=e.target.value  
                   that.zq=that.zqList[e.target.value]['title']  
               },  
  
        },  
  
	}  
</script>
2019-02-27 15:34 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

什么平台,使用 hello-uniapp 的例子是否可以重现。

  • 3***@qq.com (作者)

    谷歌浏览器,目前还未在真机上运行过,hello-uniapp里面的例子能重现,发现应该是当前的picker的e.target.value影响到同一页面的其他picker了


    2019-02-27 16:08

  • Trust

    回复 3***@qq.com:用现网的 h5 版点了一下,picker 之间的索引值没影响啊。。。


    2019-02-27 16:24

  • 3***@qq.com (作者)

    @DCloud_UNI_Trus:我上传了附件,麻烦你看看,是否我的用法有问题,目前在真机上是能用的,但是在谷歌浏览器调试开发的时候会出现相互影响的bug


    2019-02-27 16:49

  • Trust

    回复 3***@qq.com:附件呢。。。


    2019-02-28 16:31

  • DCloud_uniAD_HDX

    在Android和iOS试了下,没有影响


    2019-03-29 11:03

该问题目前已经被锁定, 无法添加新回复