v-model.lazy时 setInterval重置输入的数据为之前的值 该怎么办呢

来源:8-9 Vue项目城市选择页 - Vuex实现数据共享

慕工程3141378

2019-04-26

老师你好

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.common.dev.js"></script>

<div id="app">
  <input type="text" v-model.lazy="username">
  {{time}}
  <div>输入任意字符到input框 每次setInterval运行时,(输入框不失去焦点) input重置为原始值,怎么办 </div>
</div>

new Vue({
  el: "#app",
  data: {
   username:'I am a username',
   handleInterval:null,
   time:600
  },
  mounted(){
  	this.handleInterval=setInterval(()=>{
    	if(this.time>0){
      	this.time--
      }else{
      clearInterval(this.handleInterval)
      }
    	
    },1000)
  }
})
写回答

2回答

Dell

2019-04-26

还是没懂到底要干什么这是?

0
2
Dell
回复
慕工程3141378
这个可能不行
2019-05-11
共2条回复

慕工程3141378

提问者

2019-04-26

这个lazy的作用是失去焦点的时候 触发vuelidate 这里没有写

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程