虚拟输入框复选框强制刷新问题

参照输入框的复选框属性时，选择后数据会刷新，复选框选择状态不会改变。此时，事件触发后，这。可以调用$forceUpdate()强制刷新页面来解决这个问题。

您可以将readonly='readonly '添加到输入框以禁止更改

关于ps:vue中复选框的问题

在vue中写checkbox时，发现有一个问题：点击一个选项时，输出数组为空，取消或点击下一个选项时，会出现选项值，不会出现下一个选项值：

模板div class=' my check ' @ click=' check()'输入类型=' checkbox' v-model=' value '值='短消息' id=' message '标签为=' message' class=' msg'/Label标签SMS/标签输入类型=' checkbox' v-model=' value '值=' QQ '标签QQ/标签输入类型=' checkbox' v-model=' value '值='微信'标签微信/标签输入类型=' checkbox' v-model=' value '值='微博'标签微博/标签日志(这个。value)}}/script单击Weibo选项时，控制台输出为空数组：

当你点击微信控制台输出微博时，

出现这个问题的原因是，当点击复选框时，触发click事件打印数据，然后checbox的值传递给model，也就是传入value。

在我的在线搜索解决方案中，我发现使用setTimeout有一种神奇的效果。以伪异步方式执行这段代码。(搜索方法复杂。有时间的话仔细看看，把地址附在笔记后面。)

check(){ setTimeout(()=console . log(this . value))}

综上所述，好了，这篇文章就介绍到这里了，希望大家喜欢！