elementUI的this.$refs.table.toggleRowSelection失效

最新推荐文章于 2024-07-30 22:36:34 发布
最新推荐文章于 2024-07-30 22:36:34 发布
阅读量2.5k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://blog.51cto.com/13764574/2162416
版权

this.$refs.subOrder.toggleRowSelection(row)
这个方法本身是没错的，我犯的错误在于subOrder这个名称
elementUI的this.$refs.table.toggleRowSelection失效
注意到图中的ref=“subOrder”
正是因为有多处用到列表，导致这个方法冲突了，所以才使得toggleRowSelection(row)失效。

正确的做法是：
有几处列表，ref的名称就要有几个，并且触发的方法也要与之对应
elementUI的this.$refs.table.toggleRowSelection失效

转载于:https://blog.51cto.com/13764574/2162416

weixin_34406086
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
vue列表单项展开收缩功能之this.$refs的详解
10-17
在Vue.js中，`this.$refs` 是一个用于获取组件实例引用的重要特性，它允许开发者直接访问DOM元素或自定义组件实例。在这个场景中，`this.$refs` 被用来实现列表单项的展开和收缩功能。下面我们将深入探讨如何使用`...
Element多选表格设置默认勾选 调用this.$refs.tableRef.toggleRowSelection不生效
你的阿迁
08-14 1243
在这里，点击筛选，不是对进来这个页面时获取的表数据进行直接筛选，而是先调用相关接口后再进行表数据的刷新，所以我们先加一层$nextTick，以便获取更新后的Dom... 其次，通过对比筛选找到源数据来设置选中项... 完美解决该问题。上次的需求是这样的... 点击筛选按钮，筛选出符合条件的数据，排列到列表页最前面并勾选...我想这还不简单，直接用下Element的方法就好了,结果就出现了勾选不生效的情况...
elementUI 表格多选框this.$refs.xxx.toggleRowSelection无效
恍若c的博客
08-24 1万+
在elementUI官方实例中，multipleSelection代表选中的值，toggleRowSelection(row,selection)方法用于原先已选的值传入进行勾选，row传递被勾选行的数据，selected设置是否选中。 需求是每次打开弹窗都会重新获取表格数据，并且要选中对应的数据，但直接使用那个方法并没有效果，因为表格中的数据还没有请求出来。 解决：获取数据后在需要进行勾选操作的外面套一个$nextTick this.$nextTick(() => { checke
【elementplus】 el-table toggleRowSelection无效解决方案
tangyuan121的博客
06-27 351
踩坑之路，仅供大家参考。
toggleRowSelection 失效原因及解决思路
热门推荐
学海无涯，回头是岸
06-06 2万+
当在含分页的table中，需分页切换后对列表项的勾选状态做回显操作。根据element文档使用this.$refs.mytable.toggleRowSelection（row, selected）方法回显，实际应用时会出现回显失效的情况。
elementui toggleRowSelection失效的问题
weixin_46112174的博客
06-03 731
今日遇一难题，久探其源，终得其解，是以志之，以免日久忘怀。原本是一个很简单的问题，从第二步点击上一步，回到第一步，是希望它能记住之前所选。饿了么ui也给出了方法，但我总是表头上的框框被勾选，数据对象却没有勾选。我以为是我传值不正确，弹出框是父组件，第一步第二步是子组件，于是我打印了传的值发现一般无二，百思不得其解...经过我犯困清醒犯困清醒...的往复循环，我仿佛听到了小范大人在我耳边说：喂，你清醒一点，哎？我醒了，并且还真让我找到了要确保要勾选的。
element中el-tabs下的toggleRowSelection方法设置无效
CutelittleBo的博客
12-14 2218
解决请求数据后，参考官网文档 使用 this.$refs.multipleTable.toggleRowSelection(row, true); 设置默认勾选时无效的问题。
element-ui踩坑之表格选中toggleRowSelection问题
happy921212的博客
07-28 1843
今天遇到一个表格选择默认的问题，表格当前页没有值，但是默认还是选中的，这个时候想要删除表格选择
【vue】elemente-ui table toggleRowSelection 默认选择无效[已解决]
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-20 1420
点击按钮，弹出一个弹出框，内部出现一个table表，表内数据是动态获取，同时得勾选上几个table表的数据，类似以下的图。
element-ui的table中toggleRowSelection失效问题
summer的博客
06-02 2166
背景是要做个商品列表A，可搜索的，勾选之后的显示在列表B中，两表联动，在A中勾选和取消选择的行，在B中会对应显示和消失。在B中点击删除，所删除的行在A中需要取消选择。刚开始我就直接把A选中的push到B的数据中，点击B删除的时候直接调A的toggleRowSelection，row用B表中的数据，这样可以不用循环A判断id是否与要删的一致再去toggleRowSelection。这样是可以的。后来发现个问题，一旦我重新搜索，A表中数据变了，或者我根本没有修改搜索条件，只是重新请求了，再去点B的删除，就没有办
elementui table复选框回显不生效问题
weixin_45786429的博客
06-13 911
加载数据之前先this.$refs.multipleTable.clearSelection();之后匹配要回显的数据。
this.$toast() 了解一下？
12-03
【标题】: "Vue.js中的`this.$toast()`方法解析" 【描述】: 在前端开发中，经常需要处理各种提示信息，例如浮层提示。传统的做法是为每个页面单独引入和控制这些组件，但这并不高效。`this.$toast()`提供了一种更...
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 268
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 862
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 203
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
【Vue3】自定义组件
最新发布
又言又语
07-30 423
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
this.$refs.table.
02-08
this.$refs.table 是 Vue.js 中的一个特殊属性，用于访问组件中的子组件或者 DOM 元素。通过 this.$refs.table，可以获取到具有 ref 属性的子组件或者 DOM 元素的引用。 在这个例子中，this.$refs.table 可能是一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值