vue中Vant的field输入框实现输入内容可见密码,password切换小眼睛

参考:https://blog.csdn.net/lllomh/article/details/116007154

<van-field
	 v-model="password"
	 :type="passwordType"
	 name="密码"
	 label="密码"
	 placeholder="密码"
	 :rules="[{ required: true, message: '请填写密码' }]">
	<template slot="right-icon">
	      <span class="solts" @click="switchPasswordType">
	           <van-icon name="eye" v-if="passwordType==='password'"/>
	           <van-icon name="closed-eye" v-else />
	      </span>
	</template>
</van-field>
switchPasswordType() {
    
    
  this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
},

猜你喜欢

转载自blog.csdn.net/qq_46302247/article/details/128675790