一、使用场景
今天是在做一个详情弹窗页面,需要用到一个复选框来展示某项数据的是否显示状态,如图

image.png
二、遇到的问题
选中状态通过后台返辉数据判断显示,但是只有第一次打开时是选中状态,后边打开就不会再有选中状态,代码没有问题

image.png
三、原因及解决方法
原因就是Vue 为了尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。若要两个元素完全独立,不要复用,添加具有唯一值的 key 即可。于是通过给表单增加key的方式,强制表单重新渲染,问题就解决了

image.png