在picker里面使用input作為內(nèi)容顯示
<picker @change="pickerChange" :range="selections" :value="valueIndex">
<input :placeholder="placeholder" name="input" v-model="selected"/>
</picker>
問題:在彈出選擇器時(shí)嗽元,光標(biāo)會(huì)顯示在輸入框內(nèi)暗赶,且可以輸入內(nèi)容彤避。
解決方案:給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>