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

原创

wangdxxxx 2018-08-21 14:33:26 博主文章分类：服务类 ©著作权

©著作权归作者所有：来自51CTO博客作者wangdxxxx的原创作品，请联系作者获取转载授权，否则将追究法律责任

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

正确的做法是：有几处列表，ref的名称就要有几个，并且触发的方法也要与之对应

上一篇：linux为什么要安装字体

下一篇：JQ制作简易弹窗效果

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

vue最强table vxe-table 虚拟滚动列表前端导出

最近遇到个问题。后台一次性返回2万条列表数据。并且需求要求所有数据必须全部展示，不能做假分页（不能优化了）。这些数据的直接来源就是CS客户端。他们做CS客户端就是一次性加载几万条数据不分页（说这是客户的要求）。我体验了一把CS客户端，数万条数据放在那里，着实卡顿。他们CS开发人员非他妈嘴硬说，这一点也不卡，极致顺滑。真尼玛在这里掩耳盗铃呢，是吗？懒得跟他们废话。结论就是：永远不要和傻子讲道理。不废

数据高亮导出数据
uniapp app内this.$scope.$getAppWebview() 报错Cannot read property ‘$getAppWebview‘ of undefined

uniapp app内this.$scope.$getAppWebview() 报错Cannot read property ‘$getAppWebview‘ of undefined

webview html5 uni-app
elementUI table 表头宽度动态调整

elementUI table 表头宽度自适应

elementUI 宽度自适应
iview table 已选项的数据 this.$refs.tables.$refs.tablesMain.getSelection()

iview table 已选项的数据 this.$refs.tables.$refs.tablesMain.getSelection()\

数据
uniapp与vue原生this.$refs

件接收父组件不在props定义的数据"$children": Array []//子组件信息"$createElement": function $createElement(a, b, c, d)//创建节点如果单单只在HTML标签里面就只有element元素节点的dom信息"$el": <a class="el-link el-link--default is-un

vue 插槽元素节点作用域
vue列表单项展开收缩功能之this.$refs

接受vue框架的小技巧之---this.$ref

ide ico it技术
Vue.js中this.$nextTick()与$refs的基本用法

Vue.js中this.$nextTick()的使用vue $refs的基本用法

vue java javascript nextTick refs
el-form表单中this.$refs[“dataFormRef“].resetFields()不生效

在做增删改查的新增时候，弹窗是表单。发现新增时候并没有对表单重置，并未将其值重置为初始值并移除校验结果首先看表单是怎么写的：-----------------------------------错误示例------------------------------------------<el-form :model="dataForm" :rules="dataRule"

elementui 表单重置数组
this.$refs.tabs.activeKey ref就是vue里面的id

this.$refs.tabs.activeKey ref就是vue里面的id

编程
vue通过ref获取组件渲染后的dom（this.$refs.xxxRef.$el）

<div ref="divRef">div</div> <A ref='aRef'></A> 获取dom： mounted() { console.log(this.$refs.divRef) this.$refs.divRef.style.backgroundColor = 'red' conso

js vue
vue，在打开弹框的时候，调用this.$refs.xxx.clearFiles();报错

报错信息，大概就是，这个元素还没创建，就根据refs，找到该元素调用元素的方法。肯定不行啊，元素都还没有，怎么调用，再后端，相当于空指针异常。解决：this.$nextTick(()=>{ this.$refs['xxxx'].clearFiles();})加上上面方法，可以理解为延迟执行了...

vue 错误 js 报错信息延迟执行
【收藏】Vue+elementUI的this.$refs.对象名.方法名的理解

以前根本看不懂这么写是什么意思：this.$refs.tree.getCheckedKeys());其实上面的方法就是已经封装好的，直接调用即可，this,代表在当前vue里，$refs代表一个引用（可以把它近似看成一个包名，）然后tree就是我们的el-tree的ref,可以理解为是该控件的一个对象，然后我们可以通过对象调用方法。但是如果按照案例一那样写就不对了即： <

分享
父组件调用子组件中的方法- this.$refs.xxx.子组件方法();

子组件中有一个说的方法在父组件中去调用当你点击的时候去调用子组件中的方法 fu.vue 在父组

微信支付宝 javascript
Vue2.0动态添加数据到数组中,使用this.$refs无法获取

this.$nextTick(()=>{ 在这,使用this.$refs获取可以获取 }); 原因是:vue添加完数=

加载
Refs

Refs分区格式简述

Refs
this.$refs.xxx和document.getElementById(xxx)

<a-form-model id="ruleForm" ref="ruleForm" > ... </a-form-model> let form = this.$refs.ruleForm; console.log(form); form = document.getElementById('ru ...

IT
vue & this.$refs.form.methods bugs

vue & this.$refs.form.methods bugs

vue bug $refs 方法调用推送
vue中ref的使用（this.$refs获取为undefined）

如果你获取到的总是空的，你注意一下： 1、你在哪里调用，和你调用的对象试试在mounted（）里面调用有效果没有调用的对象是本来就存在的，还是需要数据渲染之后才会出现的，同理，在mounted（）里面调用看看 2、调用对象是否和v-if结合使用 ref不是响应式的，所有的动态加载的模板更新它都无 ...

数据响应式动态加载解决方案学习
elementUI 表格多选框this.$refs.xxx.toggleRowSelection无效

参照大神建议 https://qingmuzhang.gitee.io/ 原本代码 for (let i = 0; i < OperList.length; i++) { this.$refs.multipleTable.toggleRowSelection( OperList[i], true ) ...

perl git 数据 i++ JAVA
【vue】this.$refs['box3']._proto_打印结果为undefined

问题： console.log(this.$refs['box3']._proto_ ) //打印结果为undefined 解决方法: proto左右两边应该各自连续打两次_,我只打了一次_ console.log(this.$refs['box3'].__proto__); ...

解决方法技术

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯