@vue-office/excel 解决移动端预览excel文件触发软键盘

先直接上代码 不耽误大家时间

标明下插件库 非常感谢作者提供预览插件 @vue-office/excel

只需要控制CSS

javascript 复制代码
:deep(.x-spreadsheet-overlayer) {
  .x-spreadsheet-selectors {
    display: none !important;
  }
}
:deep(.x-spreadsheet-bottombar) {
  li.active {
    user-select: none !important;
     pointer-events: none !important;
  }
}

ps: 在发现bug后给作者提了issues并发现该bug已有使用者提交过 但并未解决。因项目时间太赶就不去修改源码了 本就是个不大的问题 只是不好发现。

解决上述问题后把现象回溯

1.可以看到进预览后就触发了软键盘

  1. 切换底部tab后连点两次会触发input框 ps: 该现象不会在web端出现
相关推荐
哎呦你好7 分钟前
【CSS】Grid 布局基础知识及实例展示
开发语言·前端·css·css3
盛夏绽放16 分钟前
接口验证机制在Token认证中的关键作用与优化实践
前端·node.js·有问必答
zhangxingchao32 分钟前
Jetpack Compose 之 Modifier(中)
前端
JarvanMo32 分钟前
理解 Flutter 中 GoRouter 的context.push与context.go
前端
红衣女妖仙33 分钟前
JXLS 库导出复杂 Excel
java·excel·jxls·java 导出 excel
pe7er38 分钟前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
星始流年42 分钟前
前端视角下认识AI Agent
前端·agent·ai编程
pe7er1 小时前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
CH_Qing1 小时前
【udev】关于/dev 设备节点的生成 &udev
linux·前端·网络
小诸葛的博客1 小时前
gin如何返回html
前端·html·gin