点击眼睛显示金额数值

1.展示效果


2.div

<div @click="eyeclick2">
    <img class="eyeclass" src="../../../assets/eyeopen.png" alt="" v-show='eyetel2'>
    <img class="eyeclass" src="../../../assets/eyeclose.png" alt="" v-show='!eyetel2'>
  </div>
  <div class="cardcount">￥{{counts2}}</div>

3.点击事件

 eyeclick2 () {
           this.eyetel2 = !this.eyetel2
           this.counts2 = this.counts2 == '*******' ? '1333,987' : '*******'
        },

4.data

 data(){
        return{
             counts2:'1333,987',
             eyetel2:true,
        }
    },

可根据内容自己调整写法

推借鉴此篇https://blog.csdn.net/weixin_47239395/article/details/107488373