incubator-weex
incubator-weex copied to clipboard
[Android][iOS][Dev-tool] input type password override type text when use v-if where weex version is 0.28.0
Describe the bug
when a page has multiple forms and use v-if to control the display. The text type input will also display *, by override then password type input.
Environment
- Device: oppo r15 and emulator
- OS: Android 11
Expected behavior
the input type shoud follow its own
Screenshots
Additional context
<div class="form" v-if="tab == 'login' || tab == 'security'">
<div class="form-section">
<text class="form-title">{{ $t('Old Password') }}</text>
<input
class="form-input"
type="password"
ref="password"
name="password"
v-model="passwordForm.password"
:placeholder="$t('please enter old password')"
/>
</div>
<div class="form-section">
<text class="form-title">{{ $t('New Password') }}</text>
<input
class="form-input"
type="password"
ref="newPassword"
name="newPassword"
v-model="passwordForm.newPassword"
:placeholder="$t('please enter new password')"
/>
</div>
<div class="form-section">
<text class="form-title">{{ $t('Confirm Password') }}</text>
<input
class="form-input"
type="password"
ref="confirmPassword"
name="confirmPassword"
v-model="passwordForm.confirmPassword"
:placeholder="$t('please enter confirm password')"
/>
</div>
<div class="form-section">
<text class="form-title">{{ $t('Question') }}</text>
<input
class="form-input"
type="text"
name="question"
v-model="passwordForm.question"
:placeholder="$t('please enter question')"
/>
</div>
<div class="form-section">
<text class="form-title">{{ $t('Anwser') }}</text>
<input
class="form-input"
type="text"
name="answer"
v-model="passwordForm.answer"
:placeholder="$t('please enter answer')"
return-key-type="done"
/>
</div>
<button text="" :disabled="disabled" class="form-btn" @click="opShow = true">
<text class="form-btn-text">{{ $t('SAVE SETTINGS') }}</text>
</button>
</div>
<div class="form" v-if="tab == 'qa'" :style="{ height: '800px' }">
<div class="form-section">
<text class="form-title">{{ $t('Question 01') }}</text>
<input class="form-input" type="text" name="question1" v-model="qaForm.question1" :placeholder="$t('please enter question 01')" />
</div>
<div class="form-section">
<text class="form-title">{{ $t('Anwser 01') }}</text>
<input class="form-input" type="text" name="answer1" v-model="qaForm.answer1" :placeholder="$t('please enter answer 01')" />
</div>
<div class="form-section">
<text class="form-title">{{ $t('Question 02') }}</text>
<input class="form-input" type="text" name="question2" v-model="qaForm.question2" :placeholder="$t('please enter question 02')" />
</div>
<div class="form-section">
<text class="form-title">{{ $t('Anwser 02') }}</text>
<input
class="form-input"
type="text"
name="answer2"
v-model="qaForm.answer2"
:placeholder="$t('please enter answer 02')"
return-key-type="done"
/>
</div>
<button text="" :disabled="disabled" class="form-btn" @click="opShow = true">
<text class="form-btn-text">{{ $t('SAVE SETTINGS') }}</text>
</button>
</div>
更好奇的是,你们能在weex0.28用 weexdevtool调适吗,还是你们有其他的调适工具。我们app升级到weex 0.28不能进行调试。