uview 的input框type在app端不支持使用三元表达式的切换
所以文章来源:https://www.toymoban.com/news/detail-535146.html
<!-- <input placeholder="请输入密码" v-model="loginForm.password" border="none" :type="isText?'text':'password'" >
<template slot="suffix">
<u-icon name="eye-fill" @click="changeType(false)" color="#247CFF" v-if="isText"></u-icon>
<u-icon name="eye-off" @click="changeType(true)" size="18" v-else></u-icon>
</template>
</input> -->
这样写在app端密码框切换是失效的
正确代码文章来源地址https://www.toymoban.com/news/detail-535146.html
<u-input v-show="isText === true" placeholder="请再次输入密码" border="none" v-model="loginForm.password" class="input_class_pwd" :password="true">
<template slot="suffix">
<u-icon name="eye-off" @click="isText = false" size="18"></u-icon>
</template>
</u-input>
<u-input v-show="isText === false" placeholder="请再次输入密码" border="none" v-model="loginForm.password" class="input_class_pwd" :password="false">
<template slot="suffix">
<u-icon name="eye-fill" @click="isText = true" color="#247CFF"></u-icon>
</template>
</u-input>
到了这里,关于uniapp app端 uview u-input密码框小眼睛切换问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!