uniapp+vue2 input不显示明文密码，点击小眼睛显示或隐藏密码

 

<u-input placeholder="请输入密码" prefixIcon="lock" :password="showPassword" v-model="formData.password"prefixIconStyle="font-size: 25px;color: #3C9CFF" border="none"><template slot="suffix"><view @click="changePassword"><u-icon :name="showPassword?'eye-fill':'eye'"></u-icon></view></template></u-input>

 'eye-fill'和'eye'是Uview中图标的名称 

export default {data() {return {showPassword: true,}},methods: {changePassword() {this.showPassword = !this.showPassword},}
}