vue 登录框密码显示隐藏切换！

1.需求分析，通过点击右边眼睛图标，让密码显示隐藏。
2. 逻辑分析，让俩个input框通过指令model来获取相同得数据，让俩个input type属性不同，这样通过点击右边眼睛图标来实现input的切换，逻辑完成。
3. 个人见解，不足之处多多指教。

 <div class="ag_name">
            <van-cell-group>
                <van-field  label="用户名" placeholder="请输入用户名" v-model="phone"/>

                <van-field
                    type="password"
                    label="密码"
                    v-show="downIcon"
                    placeholder="请输入密码"
                    @click-right-icon="eye"
                    right-icon="eye"
                    v-model="password"
                    error-message
                />
                <van-field
                    type="text"
                    label="密码"
                    v-show="!downIcon"
                    placeholder="请输入密码"
                    @click-right-icon="eye"
                    right-icon="eye-o"
                    v-model="password"
                    error-message
                />
            </van-cell-group>
          
        </div>

 methods: {
          eye() {
                  this.downIcon = !this.downIcon;
              },
        }

如果有问题，可以加我微信一起讨论，我们一起进步！
屏幕前的你，加油！