weixin_48357279的博客

在百度上好一顿查找 才晓得当渲染多个同样数据时 如果要使用v-if进行销毁时 需要加key值 以我的理解就是让浏览器知道销毁的是哪一个组件 若不加key 浏览器会默认渲染下一个组件 认为不用销毁。开始的想法是 没有加key值 直接使用 v-if 测试时发现 当点击切换布局时 布局改变了 尺寸未改变 视频也没有重新刷新。众所周知 v-if和v-show的区别就是 v-show是显示隐藏 v-show是销毁和展示。最近遇到一个场景 要求一个页面渲染多个同样的萤石云视频组件。

1.开关思想 很开心 效果1 点击所有全选选中完成 可是当点击全选时就会报错 解决方法: computed: { checkAll: { set(nav){ // console.log('nav',nav) this.arr.forEach(item=>item.checked=nav) }, get(){ return this.arr.every(item=>item.checked)..