uniapp之w-picker使⽤采坑
1. uniapp之w-picker使⽤采坑
1.1. 前⾔
由于我是先在index页⾯集合了这个组件，发现该⽂件内容实在太多了，不好维护，所以打算把内容⼀个个抽成组件，在抽w-picker 时，遇到了两个问题
1. 点击取消，会调⽤⽅法，但不会产⽣取消隐藏效果，点击确认也⼀样，确认函数的确调⽤了，但w-picker就是不隐藏
2. watch监听的使⽤，在uniapp可能有⼀定局限性，我使⽤如下形式，在h5可⾏，在⼩程序连错误都不报，同时也没起到作⽤
watch:{
'formData.hospital': (val,oldval) => {
debugger
this.$refs.bedCom.initBed();
}
},
1.2. 解决
1.2.1. 隐藏⽆效
这是标签放置位置不对问题，请放置到根⽬录，不要和其它组件混⽤到⼀起
flutter uniapp 哪个好<template>
<view class="">
<view class="input-wrapper" @tap="showBed">
<view class="iconfont icon-bingchuang"></view>
<input disabled cursor-spacing="150" name="bed" class="input-row" placeholder- type="text"
v-model="formData.bed" placeholder="床号" />
</view>
<w-picker :colData="colData" :current="true" :mode="de" @change="bedPickerChange" :defaultVal="bedData.value"
@confirm="onBedConfirm" ref="bed" themeColor="#f00"></w-picker>
</view>
</template>
1.2.2. watch问题
改成了如下形式就兼容了h5和⼩程序，在onLoad⽣命周期调⽤
this.$watch('formData.hospital',(newValue,old) => {
this.$refs.bedCom.initBed();
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。