首页 > 其他分享 >this.$refs.ref值.toggleRowExpansion is not a function的解决方法

this.$refs.ref值.toggleRowExpansion is not a function的解决方法

时间:2023-05-18 10:23:41浏览次数:57  
标签:function refs stepTable toggleRowExpansion 子表 row

el-table 点击行也能够打开子表,开始搞了个静态(子表)的可以的。

但是现次执行这个方法,就报错了。

<el-table v-loading="loading" 
                :data="item.steps"
                style="border-radius: 0px !important;"
                ref="stepTable"
                :header-cell-style="getHeaderClass"
                :cell-style="getStepCellClass"
                highlight-current-row
                class="taskTable"
                @row-click="handleRowClick"
                @selection-change="handleSelectionChange">
.....

解决:

handleRowClick(row) {
            this.currentRow = row;
            this.$nextTick(() => {
                this.$refs.stepTable[0].toggleRowExpansion(row);
            });
        },

this.$refs.stepTable打印出来

 

这个下面是静态的情况,没有在表的外套加一个div动态显示表头信息

 

最大的区别是上面有0:VueComponent, 下面的确没有。

 

参考:https://blog.csdn.net/qq_42345108/article/details/105838439

 

标签:function,refs,stepTable,toggleRowExpansion,子表,row
From: https://www.cnblogs.com/jiduoduo/p/17411111.html

相关文章

  • 【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无
    Warning:Unexpectedcallto'log'onthecontextobjectafterfunctionexecutionhascompleted.Pleasecheckforasynchronouscallsthatarenotawaitedorcallsto'done'madebeforefunctionexecutioncompletes.Th......
  • CF1824D LuoTianyi and the Function & 区间历史和模板
    LuoTianyiandtheFunction:LuoTianyigivesyouanarray\(a\)of\(n\)integersandtheindexbeginsfrom\(1\).Define\(g(i,j)\)asfollows:When\(i\lej\),\(g(i,j)\)isthelargestinteger\(x\)thatsatisfies\(\{a_p:i\lep\le......
  • Python range function All In One
    PythonrangefunctionAllInOnerange函数函数语法range(stop)range(start,stop[,step])参数说明:start:计数从start开始。默认是从0开始。例如range(5)等价于range(0,5)stop:计数到stop结束,但不包括stop。例如:range(0,5)是[0,1,2,3,4]没有......
  • 论文阅读 -- High-speed_function_approximation_using_a_minimax_quadratic_interpol
    SFU设计算法基础Interpolation插值:给定有限点预测附近点的方法算法复现requireMaple代码复现精度与资源referenceHigh-SpeedFunctionApproximationminimaxcoeffAitken(埃特金)逐次插值法|一次插值、二次插值、k次插值FPGA_LUT-based_InterpolationF......
  • You may have an infinite update loop in a component render function
    在组件渲染函数中你可能有一个无限更新的循环这就导致页面一直在加载无限循环下去,没有终止,卡死 在 v-for 循环当中,如果用方法或者计算属性对vm.$data的属性进行操作,理论上,可能因为修改到循环对象,诱发无限循环。此时Vue就会发出警告(并不是真的已经无限循环了) ......
  • vue3源码-三、ref和toRefs的实现
    实现Refref的本质就是通过类属性访问器来实现,可以将一个普通值类型进行包装import{hasChanged,isObject}from"@vue/shared";import{track,trigger}from"./effect";import{TrackOpTypes,TriggerOpTypes}from"./operations";import{reactive}from&q......
  • 【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无
    问题描述开发AzureJSFunction(NodeJS),使用mssql组件操作数据库。当SQL语句执行完成后,在Callback函数中执行日志输出 context.log("..."),遇见如下错误:Warning:Unexpectedcallto'log'onthecontextobjectafterfunctionexecutionhascompleted.Pleasecheck......
  • Uncaught TypeError: f.__fbeventsModules[a] is not a function at f.__fbeventsM
    UncaughtTypeError:f.__fbeventsModules[a]isnotafunctionatf.__fbeventsModules.f.getFbeventsModules怎么了这个错误通常是因为代码中使用了Facebook的跟踪代码,但是在加载该代码之前,代码中尝试访问跟踪模块。这个错误有几种可能的原因:Facebook跟踪代码没有正......
  • 回调函数(callback function)
    是什么回调函数是一种特殊的函数,它不是在程序中直接调用的,而是由程序在特定事件发生时进行调用的。回调函数通常作为参数传递给其他函数,而这些函数在执行时会将回调函数作为其内部的一部分来调用。为什么解耦.回调函数的好处在于它们可以让程序更加模块化和可扩展。怎......
  • 通过map+Function优化if else
    需求背景在实际项目中,好比在一个简单的订单处理系统,其中订单有不同的状态(比如新建、已支付、已发货、已收货等),为了实现基于状态机的逻辑处理,我们可以通过switch(状态)去对应不同状态的处理逻辑。1publicStringprocess2(){2switch(status){3c......