Vue-input框checkbox强制刷新的示例分析

小编给大家分享一下Vue-input框checkbox强制刷新的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销，产品发布一步更新，电脑网络+移动网络一网打尽，满足企业的营销需求！创新互联具备承接各种类型的网站设计、成都做网站项目的能力。经过十多年的努力的开拓，为不同行业的企事业单位提供了优质的服务，并获得了客户的一致好评。

在引用input框的checkbox属性时，选中后会出现数据已经刷新，checkbox选中状态不会改变。这时在事件触发后可以调用this.$forceUpdate()，强制刷新页面解决这个问题。

input框可以加入readonly="readonly"禁止更改

ps:vue中关于checkbox的问题

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

当点击微博 选项，控制台输出为一个空数组：

当再点击微信 控制台输出微博

这个问题形成的原因是当点击checkbox时，先触发click事件，打印数据，然后，才把checbox的value值传给model，也就是传入value中。

在我网上搜索解决的办法中，发现使用setTimeout有奇效。用伪异步的方式去执行这段代码。（搜索的方法中有复杂的等有时间再仔细看，笔记后面附上地址。）

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

以上是“Vue-input框checkbox强制刷新的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

分享标题：Vue-input框checkbox强制刷新的示例分析
分享网址：http://mswzjz.cn/article/jdiseo.html