vue:@click和input: v-model 执行顺序

今天发现了一个小问题
点击图片下面的复选框
在这里插入图片描述
控制台打印的是
在这里插入图片描述
明明选中了复选框,但是打印的内容却是false,这就有点意思了,看代码
<input
type=“checkbox”
v-model=“checked[i]”
name=""
@click=“handleChecked”
class=“checked”>
在这里插入图片描述
明明操作没有问题,但是发现有点问题,所以就怀疑是异步,
所以加上定时器即可
在这里插入图片描述
看打印效果
在这里插入图片描述
后两行是定时器打印
总结:vue中v-model和@click执行顺序
@click -> v-model

猜你喜欢

转载自blog.csdn.net/weixin_46112649/article/details/114689173
今日推荐