vue3 + ts + element-plus checkbox 不动态渲染(setup中使用)
使用
其实使用都是一样的,只是我自己单独封装了一层
下面是封装的组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/84059350a4344165ba5e49d77cdbc4ba.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/eb17cb9086144567b7d0d275a2445cbb.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f5cc261bf40c4ac39c28ce03bcc31011.png)
父组件使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/2af63a6c20754f64879245d76cd84e1a.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/e1d09d2af1734cd9a43cc62ace209ce7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP6L6j5py65ZGA,size_20,color_FFFFFF,t_70,g_se,x_16)
最开始 没有在 computed 中 return 出去这个初始数据,所以不生效。
原因
因为请求是异步的,最开始的时候有一个初始值,为 空数组 [ ],所以在这个时候就把数据传给 子组件了,然后 后面拿到请求数据之后,父组件的数据变了,但是子组件的数据没有变, 所以就 用computed 来监听这个初始值的数据,传递也是传 computed 监听 的这个变量