在picker里面使用input作为内容显示
<picker @change="pickerChange" :range="selections" :value="valueIndex">
<input :placeholder="placeholder" name="input" v-model="selected"/>
</picker>
问题:在弹出选择器时,光标会显示在输入框内,且可以输入内容。
解决方案:给input添加disabled属性,禁用输入框,但是选择器也无法弹出来。
<picker @change="pickerChange" :range="selections" :value="valueIndex">
<input :placeholder="placeholder" name="input" v-model="selected" disabled/>
</picker>
解决方案2:使用定位盒子覆盖input框,问题解决
<picker @change="pickerChange" :range="selections" :value="valueIndex">
<input :placeholder="placeholder" name="input" v-model="selected" disabled/>
<view style="position: absolute; top: 0;bottom: 0;left: 0;right: 0;"> </view>
</picker>