记一次v-if失效的经历_el-row v-if-程序员宅基地

技术标签： vue

一个很低级的错误。
背景：点击学生信息，学生信息的具体内容收起，右上角的icon改变。
在这里插入图片描述

        <div class="panel panel-info">
            <div class="panel-heading" @click="shrink()">
                <el-row :gutter="20">
                    <el-col :span="23"><span class="panel-title">学生信息</span></el-col>
                    <el-col :span="1"><b-icon v-if="!activeStudent" icon="arrow-right" key="1"></b-icon></el-col>
                    <el-col :span="1"><b-icon v-if="activeStudent" icon="arrow-down" key="2"></b-icon></el-col>
                </el-row>
            </div>
            <table class="table" v-show="activeStudent">
                <tr>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>班级</th>
                </tr>
                <tr v-for="(studentItem,index) in studentData" :key="index">
                    <td  v-for="(item,idx) in studentItem" :key="idx">
                        {
    {
    item}}
                    </td>
                </tr>
            </table>
        </div>

js部分注意是data而不是computed！ 如果是computed就无法实现！

 data(){
    
            return{
    
                //折叠面板的序号
                activeStudent: false,
                }
      }

本文链接：https://blog.csdn.net/qq_41337100/article/details/106523329

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Matlab-TDOA定位算法性能仿真 TDOA-CHAN和TDOA-Taylor得到位置的估计两种算法的性能比较两种算法的RMSE曲线对比图-程序员宅基地

文章浏览阅读6.3k次，点赞13次，收藏96次。本博客环境为Matlab2018 ，软件版本不同可能会有些出入，需要稍作修改。TDOA定位算法性能的仿真要求一：编写两个函数TDOA_CHAN和TDOA_Taylor得到位置的估计。要求二：用RMSE实现两种算法的性能比较, 得到两种算法的RMSE曲线对比图，横坐标为噪声方差，纵坐标为RMSE。主函数：我的文件命名为TDOA.m%the simulation of TDOA localization algorithmclear all;clc;%定义四个参与基站的坐标位置BS1=[0,

ssm路径访问不到_SSM静态资源访问不了问题-程序员宅基地

文章浏览阅读615次。SSM静态资源访问不了问题因为配置SpringMVC会把全部请求都通过它拦截了dispatcherServletorg.springframework.web.servlet.DispatcherServletcontextConfigLocationclasspath:spring-mvc.xml1dispatcherServlet/考虑spring-mvc.xml配置文件配置静态资源放行了没配..._ssm swagger 访问不到静态资源

CORDIC-程序员宅基地

文章浏览阅读900次，点赞18次，收藏23次。CORDIC协处理器提供了电机控制、计量、信号处理等诸多应用中常用的数学函数(主要是三角函数)的硬件加速。与软件实现相比，它加快了这些功能的计算，使用较低的工作频率，或释放处理器周期以执行其他任务成为可能。

mongodb安装过程与常用命令_mongodb安装过程和操作命令-程序员宅基地

文章浏览阅读814次。哈哈参考博客：http://my.oschina.net/Kenyon/blog/99742mongodb安装过程1、解压缩[root@localhost opt]# tar -zxvf mongodb-linux-i686-2.4.9.tgzmongodb-linux-i686-2.4.9/READMEmongodb-linux-i686-2._mongodb安装过程和操作命令

Python的网络请求模块requests-程序员宅基地

文章浏览阅读832次，点赞25次，收藏25次。requests 库是一个 python中比较有名的 http请求的库，能处理 get,post,put,delete 等 restful请求，能设置 header，cookie,session 等操作，也是作为爬虫的基础库，它目前还不能异步请求,如果要支持异步，官网文档上也说，用 httpx 等代替。

构造函数、析构函数与虚函数的三连问_虚拟构造函数不知道具体类型信息-程序员宅基地

文章浏览阅读153次。最近在温习C++，想到了这个问题，查找了一些资料之后描述如下1.构造函数能不能是虚函数？（1）答案：不能，并且在编译器上写时后都会报错，就像下面这样。（2）原因：这是一个来自2002就很火的问题，结合《程序员面试宝典》与知乎用户左轻侯的回答来说，就是：虚函数采用一种虚调用的方法，这是一种可以在只有部分信息的情况下工作的机制，特别允许我们调用一个只知道接口而不知道其准确对象类型的函数。..._虚拟构造函数不知道具体类型信息

随便推点

cad计算机忘了保存,cad图纸没保存怎么恢复（电脑突然断电，怎么找回未保存的CAD？）...-程序员宅基地

文章浏览阅读1.1w次。cad画图时突然断电，之前画的没有保存，怎么找回AutoCAD有自动保存功能，每10分钟保存一次，如果图纸没有保存的话，可以找回10分钟前的图纸。这个文件后缀是【bak】，后缀修改为【dwg】就可以。打开AutoCAD，右键，选项，文件。在这个里面可以看到【自动保存文件位置】，里面有保存路径，按这个路径找回文件。默认的路径是在【临时文件夹】里面，清理电脑的时候会删除，所以要找回文件的时候，不要清理..._cad图纸没保存怎么找回

华为发布会没有鸿蒙,华为又要开发布会？这次没有手机新品，鸿蒙系统要当主角...-程序员宅基地

文章浏览阅读89次。原标题：华为又要开发布会？这次没有手机新品，鸿蒙系统要当主角从我们的经验来看，华为每年有三个发布会最重要，一个是春季新品发布会，这个发布会通常会发布P系列旗舰手机，同时还有像平板、智能手表等产品；一个是秋季新品发布会，这个发布会主要是发布Mate系列旗舰手机，当然像笔记本以及其他智能产品也会一同发布。除此之外，每年华为还有开发者大会，不但会有更多技术和解决方案展示，同时过去也会有像智慧屏这样的产品..._鸿蒙不推送开什么发布会

【蓝桥杯选拔赛真题33】C++猴子摘桃子第十三届蓝桥杯青少年创意编程大赛C++编程选拔赛真题解析_蓝桥杯选拔赛2022年3月t4:猴子摘桃子-程序员宅基地

文章浏览阅读384次。C/C++猴子摘桃子第十三届蓝桥杯青少年创意编程大赛C++选拔赛真题一、题目要求1、编程实现果园有M行N列套数，每棵树上有一定数量的桃子。猴子从左上角的桃树开始进入果园滴桃子，每到一个桃树下都会将树上的桃子摘完，但猴子每次只能移动到当前所在桃树的下边或右边的桃树下摘桃子，照这个移动方案，猴子在果园中最多可以摘到多少桃子；现给出M和N的值，以及每棵桃树上的桃子数量，照移动方案，计算出猴子在果园最多可以摘到多少桃子。例如：M=2 ,N=3桃子数量为2 3 11 4 2这种情况下，为了摘到_蓝桥杯选拔赛2022年3月t4:猴子摘桃子