incubator-weex icon indicating copy to clipboard operation
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

Open hydrz opened this issue 4 years ago • 1 comments

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

image image

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>

hydrz avatar Nov 29 '20 07:11 hydrz

更好奇的是,你们能在weex0.28用 weexdevtool调适吗,还是你们有其他的调适工具。我们app升级到weex 0.28不能进行调试。

Miracle-xiong avatar Dec 07 '20 13:12 Miracle-xiong