Vue 密码显示隐藏，数据丢失

Question

在密码显示时输入，点击切换隐藏时，输入值被清空

<div>
        <input :type="seen ? 'text' : 'password'" placeholder="请输入密码">
        <img :src="seen ? unseenImg : seenImg" @click="changeSeen">
    </div>

    changeSeen(){
            this.seen = !this.seen;
        },

各位老铁，这是怎么回事？？怎么做数据才不会被清空。。。

Answer 1

解决了，用到vuex，先获取value，判断重新赋值

Answer 2

用v-model绑定data中的一个值

Answer 3

指定 v-model：

https://jsfiddle.net/wny3q4wd/

Answer 4

利用v-model先保存input的value值，切换后再赋值，这里可以不需要vuex