uniapp 密码显示隐藏

<template>

<view class="container">     

     <view class="pwd-view">
         <input type="text" :password="showPassword" placeholder="请输入密码"/>
         <view  :class="[!showPassword ? 'icon iconfont iconesey' : 'icon iconfont iconcloseesey']" @click="showPwd"></view>
     </view> 

</view>

</template>

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