[Android][iOS][Dev-tool] input type password override type text when use v-if where weex version is 0.28.0

[hydrz]

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>

[Miracle-xiong]

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