点击查看更多的时候,在input里输入值后点收起再点击查看更多,值没有了

  • 姓名
  • {{flag?"查看更多":"收起"}}
     <view class="more" v-if="show==false">
     <ul class="libiao">
                 <li class="l lw">性别</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul> 
     <ul class="libiao">
                 <li class="l lw">出生日期</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul> 
     <ul class="libiao">
                 <li class="l lw">身份证号码</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul> 
     <ul class="libiao">
                 <li class="l lw">签发机构</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul> 
     <ul class="libiao">
                 <li class="l lw">签发日期</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul> 
     <ul class="libiao">
                 <li class="l lw">失效日期</li>
                 <li class="r rw"><input type="text" placeholder="请输入名字" class="inpys r"></li>
     </ul>
methods: {
            reveal(){
                this.show=!this.show;
                this.flag=!this.flag;
            },
        }

值肯定没有啊,v-if会导致界面重新渲染,一般这种频繁操作的都有v-show

小小程序缘 使用双向数据绑定,不管v-if,还是v-show,都不会出现值丢失的问题

https://www.cnblogs.com/KKatherine/p/4272853.html