Element组件 checked组件使用遇到的问题

一、使用场景

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


image.png

二、遇到的问题

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


image.png

三、原因及解决方法

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


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容