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没有相关示例,需要手动实现好像?
本文向大家介绍JavaScript实现移动端滑动选择日期功能,包括了JavaScript实现移动端滑动选择日期功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现滑动选择日期的具体代码,供大家参考,具体内容如下 更多关于滑动效果的专题,请点击下方链接查看: javascript滑动操作汇总 jquery滑动操作汇总 以上就是本文的全部内容,希望对大家的学习有所