给我用vue + elementUi写一个密码输入框要求输入框内最后边一个眼睛需要点击眼睛睁眼、闭眼对输入密码进行明文密文的改变

<template>
  <el-input :type="isShowPwd ? 'text' : 'password'" v-model="password" suffix-icon="el-icon-view" @click:suffix="togglePwd"></el-input>
</template>
<script>
export default {
  data() {
    return {
      password: '',
      isShowPwd: false
    }
  },
  methods: {
    togglePwd() {
      this.isShowPwd = !this.isShowPwd;
    }
  }
}
</script>