为了账号安全,请及时绑定邮箱和手机立即绑定

我加入了一个清零按钮,但是清零的时候计算属性还是执行并且count+1了,只能在再加一个count--才能解决

<div id="root">

姓:<input v-model="firstName" />

名:<input v-model="lastName" />

<div>{{fullName}}</div>

<div>{{count}}</div>

<button @click="firstName='',lastName='',count =0 ,count --" v-model="clear">清除</button>

</div>

<script>

new Vue({

el:"#root",

data:{

firstName:'',

lastName:'',

count:0 ,

clear:''

},

computed:{

fullName: function(){

return this.firstName+' '+this.lastName

}

},

watch:{

fullName:function(){

this.count ++

},

},

})

</script>


正在回答

3 回答

不能直接这样吗

<button type="reset" value="重置按钮"></button>


0 回复 有任何疑惑可以回复我~

我加了两个变量,zero判断是否通过input修改传值,firstC判断是否第一次点击重置按钮

watch: {

num:function(){

if(!this.zero)

{this.count++,firstC=true}

else{

this.zero = false

}

}

},


methods: {

reset:function(){

if(firstC){

this.num='';

this.zero = true;

this.count = 0;

firstC = false;

}else{

alert("点一次就行了!")

}

}

},


1 回复 有任何疑惑可以回复我~

count--应该是最好的解决办法了...

0 回复 有任何疑惑可以回复我~
#1

慕虎3255728 提问者

按两下成-1了。。。
2019-08-07 回复 有任何疑惑可以回复我~
#2

akakidz 回复 慕虎3255728 提问者

有解决方案了,调用$nextTick来重置count
2019-08-08 回复 有任何疑惑可以回复我~
#3

慕虎3255728 提问者 回复 akakidz

学到了,谢谢?
2019-08-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我加入了一个清零按钮,但是清零的时候计算属性还是执行并且count+1了,只能在再加一个count--才能解决

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信