アナログパスワード入力ボックスは携帯電話側でソフトキーボードをイジェクトして遮断されます

13258 ワード

一般的にinputのopacityの値を0に設定します.問題は、透明度が0になった後、携帯電話側のソフトキーボードがこのinputを無視し、要素が遮断されたことだ.ここでは条件に従って透明度を設定する必要があります
<view class="psw">
	<input :class="focusSecond ? 'transparent' : 'notransparent'" v-model="comfirmPsw" type="number" @focus="focusSecond = true" @blur="focusSecond = false" maxlength="6" />
	<view class="pswBox" :class="focusSecond ? 'highlight' : ''">
		<text>{{ comfirmPsw.slice(0, 1) ? '●' : '' }}</text>
		<text>{{ comfirmPsw.slice(1, 2) ? '●' : '' }}</text>
		<text>{{ comfirmPsw.slice(2, 3) ? '●' : '' }}</text>
		<text>{{ comfirmPsw.slice(3, 4) ? '●' : '' }}</text>
		<text>{{ comfirmPsw.slice(4, 5) ? '●' : '' }}</text>
		<text>{{ comfirmPsw.slice(5, 6) ? '●' : '' }}</text>
	</view>
</view>