elmentui的表格多选在移动端要双击才能选择上,不知道有没有大佬遇到过这个问题
你可以安装fastclick 来解决部分问题
首先,安装插件:fastclick
cnpm i fastclick -S
之后,在main.js里引入并使用即可
import FastClick from 'fastclick'FastClick.attach(document.body);
该问题可能与你的实现有关。不过,根据你给出的信息,我将为你提供一个可能的解决方案。
这个问题可能的原因是你使用了el-table
的type="selection"
的配置,而在移动端,你可能需要使用type="radio"
来代替。type="radio"
会在移动端提供更好的用户体验,因为它只需要点击一次即可选中。
你可以尝试将你的代码修改为以下形式:
<el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="radio" width="55"> </el-table-column> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" label="地址"> </el-table-column></el-table>
然后,在你的methods中添加一个handleSelectionChange
方法来处理选择的改变:
methods: { handleSelectionChange(val) { this.multipleSelection = val; }}
这样,在移动端,你只需要点击一次就可以选择或取消选择一个项目了。希望这个解决方案能帮助你。
为什么取消全选这里的输出 this.allSelection 这里是空的?
每次选择完就会自动收起 试了很多配置项都不行 大佬们遇到过这种问题吗
所以我的问题是,当我点击一个radiobutton来添加类“Completed”时,它执行了所要执行的操作,但是当我想要移除它时,我需要点击两次,我不知道为什么。如有任何帮助,我们将不胜感激。谢谢 HTML CSS JavaScript
我在另一个中有一个。我注意到,为了使嵌套的滚动视图开始滚动,我必须点击两次。 我尝试使用一些属性,如、和,但这些都没有帮助。 我不能提供任何真实的代码,因为项目相当大,在滚动视图之间有多个组件。但是,基本结构与此类似:
element ui 树状表格选择父节点子节点全选,子节点不全选父节点半选? el-table没有相关示例,需要手动实现好像?
问题内容: 我正在尝试找到最适合与我的React应用程序一起使用的表,而现在,react表提供了我需要的一切(分页,服务器端控件,过滤,排序,页脚行)。 话虽这么说,我似乎无法选择一行。没有任何例子可以证明这一点。 我尝试过的一些操作包括尝试在单击行时设置className。但是我似乎在nor中找不到调用元素。另外,我不喜欢这种方法,因为这不是React应用程序应该做的事情。 一些可能的解决方法是