当前位置: 首页 > Web前端 > HTML

elementUI中表格的toggleRowSelection在对话框中无效的问题

时间:2023-03-28 10:57:44 HTML

先介绍一下官网对toggleRowSelection的描述和我实际场景的一个例子。该表是动态生成的并存在于对话框中。默认打开对话框时,需要勾选该选项。选中状态,这个很好解决this.$nextTick(()=>{//执行toggleRowSelection前确保this.$refs.appchannels存在chosen.forEach((item)=>{this.$refs.appchannels.toggleRowSelection(item,true)})})如果你已经使用$nextTick解决了你的问题,那么恭喜你解决了这个问题。但是即使在添加$nextTick之后,我的表仍然默认不选择选定的行。TTSmart,我马上想到可能是我初始化的chosenlist的keyvalue和table的datarow不一致,然后我删除了最重要的key。字段:id,name,code,两者完全一样,所以现在没有问题!然后,,,还是不行!!!为什么我的头发都剃光了还要一行行比较设置值!然后!没关系。当然,这种方法不适用于一次显示超过10000行的表格。以下为源码:this.$nextTick(()=>{this.$refs.appchannels.clearSelection();this.channelslist.forEach((item)=>{if(chooseds.indexOf(item.id)>=0){this.$refs.appchannels.toggleRowSelection(item,true)}})})另外renderwithtoggleRowSelection然后使用@selection-changeoftable有时会出现死循环。建议在最后确认选择的时候使用this.$refs.appchannels.selection,直接获取表格中所有选中的项目。