<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>
3***@qq.com
- 发布:2019-02-27 15:34
- 更新:2019-02-27 16:12
- 阅读:1182
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