程序员经验分享-hwhale

关于element-ui中dialog嵌套table时，报toggleRowSelection未定义undefined错误完美解决方案

2023-05-16

1，toggleRowSelection调用方式为refs方式，直接操作DOM层

this.$refs.multipleTable.toggleRowSelection(item, innerGood.selected);

2，我将dialog直接封装成组件，这是造成问题的直接原因

3，然后在这个组件中执行了mounted函数，但是dialog是懒加载模式，在showDialog默认为false的时候，在初始时dialog根本没有挂载到body下面，因此这时更不存在table被挂载上去，进而导致undefined问题；

4，因为dialog被封装成了一个组件，而这个组件，在一开始就被执行了，所以该组件会调用mounted函数

5，因此我第一想法是增加v-if，来延迟载入该组件，但带来的问题是，SelectGoods会被来回销毁重建，导致不能保持dialog隐藏时的状态

6，因为dialog内部逻辑新建后，后期只是从body上移除，但是并没有被销毁，等再次显示时，dialog里面的内容不会变化，这就是我想要的，而现在问题就是mounted时，调用this.$refs.multipleTable.toggleRowSelection报未定义，那我就在想，绕开mounted即可，给SelectGoods增加一个初始化变量，初始时为false，第一次监听到dialog显示时，再调用mounted中的函数，并且在this.$nextTick中执行this.$refs.multipleTable.toggleRowSelection函数，这次的确解决了问题

7，最终效果，保持了dialog状态，不会被频繁销毁重建，又解决了未定义问题

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

element

Dialog

table

toggleRowSelection

undefined

关于element-ui中dialog嵌套table时，报toggleRowSelection未定义undefined错误完美解决方案 的相关文章

随机推荐

  • Vue组件使用入门实例及常见错误解决

    定义Vue组件名的方式有两种 xff1a 使用 kebab case Vue component 39 my component name 39 当使用 kebab case 短横线分隔命名 定义一个组件时 xff0c 必须在引用这个自定义

  • vivado中verilog里关于$readmemb和 $readmemh的使用方法

    vivado中verilog里关于 readmemb和 readmemh的使用方法 这两天学习verilog语言时 xff0c 对 readmemb和 readmemh怎么读文件里的数据产生了疑问 xff0c 网上大多数资料都是inter下

  • R语言：permutation test 置换检验

    1 生成男女生身高数据各20个 男身高 xff0c mean 61 180 sd 61 10 女身高 xff0c mean 61 178 sd 61 10 set seed 20211009 boy 61 rnorm 20 180 10 g

  • Mac系统原生支持NTFS格式硬盘

    所有的办法都是在没有办法的情况下才能找到 之前一直用的 Paragon NTFS 当然虽然是程序员有两种方式 一种就是支持自己的事业 用收费的 另一种就是发挥自己的特长 去破解 无奈承担不起Paragon NTFS每个版本更新都要重新购买的

  • 模板 template 的类型转换

    template lt typename T gt T to xff08 int n xff09 return T n double d 61 to lt double gt 3 float f 61 to lt float gt 2 还可

  • 两个C++编译错误及解决办法--does not name a type和field `XX' has incomplete type

    编译错误一 xff1a XX does not name a type 编译错误二 xff1a field 96 XX 39 has incomplete type 编译错误一 xff1a XX does not name a type x

  • vim 常用操作

    1 xff1a vim选中字符复制 剪切 粘贴 xff08 https www cnblogs com luosongchao p 3193153 html xff09 问题描述 xff1a vim 中选中指定字符 xff0c 进行复制 剪

  • oracle split去逗号，行列转换

    1 针对 39 1 39 39 2 39 39 3 39 39 4 39 39 5 39 xff08 逗号在字符串外面 xff09 SQL gt SELECT COLUMN VALUE FROM TABLE SYS ODCIVARCHAR2

  • 如何解决相机打开后显示灰色（只针对联想电脑）

    症状描述 xff1a 打开相机 xff0c 显示灰色 xff0c 中间有一个相机带斜杠的图标 我第二次被这玩意搞破了心态 xff0c 吐槽一句 xff1a 垃圾联想 xff0c 我丢 xff01 xff01 如何解决 xff1f 一步到位

  • python工程打包成可执行文件

    1 将python打包成exe的方式 python 上常见的打包方式目是通过 pyinstaller 来实现的 pip install pyinstaller 或者用镜像下载 xff1a 清华源 pip install pyinstalle

  • Debian 8安装、配置

    win10下双系统安装Debian 8 1 安装Debian 8 首先在Debian官网https www debian org CD 上下载网络安装CD或者完整DVD镜像 xff0c DVD镜像只需DVD 1即可 下载好镜像后做成U盘启动

  • Rust语法之原生数据类型（一）

    Rust语言有一些被认为是原生类型的数据类型 这意味着它们是语言内建的 Rust是这样的一种结构 xff0c 这种结构是标准库在这些类型上提供了一些有用的类型 xff0c 但是这些才是最原始的 Booleans Rust有一个内置的bool

  • WTL学习笔记——（5）工具条与状态条

    一 对第三部分的介绍 自从作为Windows 95的通用控件出现以来 xff0c 工具条和状态条就变成了很普遍的事物 由于MFC支持浮动的工具条从而使它们更受欢迎 随着通用控件的更新 xff0c Rebars 最初 被称为Coollbar

  • ESP8266调用心知天气API

    首先我们需要一个可以调用返回天气信息的API xff0c 这里以心知天气为例 xff0c 可以免费注册 xff0c 虽然功能受限 xff0c 但对于初学者来说 xff0c 足够了 心知天气api xff1a https api senive

  • 《信号量》讲解

    7 3 1 信号量 信号量及信号量上的操作是E W Dijkstra 在1965年提出的一种解决同步 互斥问题的较通用的方法 xff0c 并在很多操作系统中得以实现 xff0c Linux改进并实现了这种机制 信号量 semaphore 实

  • 【TouchDesigner学习笔记与资料】

    文章目录 基础知识常用快捷键TOP元件CHOP元件DAT 元件SOP元件COMP元件MAT元件 TouchDesigner是什么 xff1f 简单来说就是一种可视化的编程语言 TD 是一种编程语言 TD 不是一个 APP 应用程序 xff0

  • Java 枚举(enum) 详解7种常见的用法

    DK1 5引入了新的类型 枚举 在 Java 中它虽然算个 小 功能 xff0c 却给我的开发带来了 大 方便 用法一 xff1a 常量 在JDK1 5 之前 xff0c 我们定义常量都是 xff1a public static final

  • iOS 缓存文件到沙盒目录的执行文件夹下，并再次读取文件

    开发中我们经常要将一些文件缓存到沙盒路径下 xff0c 并且把指定的类型储存到指定文件夹下 xff0c 以便于方便管理 下面是以图片为例 首先显示缓存到指定文件夹下 xff0c 注释解释很详细 将图片存储到沙盒目录下存储成jpg 形式 xf

  • php 扩展函数openssl_decrypt 使用注意事项

    一般都采用原生数据进行处理 xff0c 通过text json方式传输 xff0c 避免base64数据被urlencode进行转码 key和 iv都是二进制的 xff0c 不是二进制 xff0c 要转成二进制 xff0c 再传入进去 da

  • 关于element-ui中dialog嵌套table时，报toggleRowSelection未定义undefined错误完美解决方案

    1 xff0c toggleRowSelection调用方式为refs方式 xff0c 直接操作DOM层 this refs multipleTable toggleRowSelection item innerGood selected

热门标签