@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端出现
相关推荐
小kian1 分钟前
vite安全漏洞deny解决方案
前端·vite
时物留影4 分钟前
不写代码也能开发 API?试试这个组合!
前端·ai编程
试图感化富婆5 分钟前
【uni-app】市面上的模板一堆?打开源码一看乱的一匹?教你如何定制适合自己的模板
前端
卖报的小行家_5 分钟前
Vue3源码,响应式原理-数组
前端
牛马喜喜6 分钟前
如何从零实现一个todo list (2)
前端
小old弟10 分钟前
jQuery写油猴脚本报错eslint:no-undef - '$' is not defined
前端
Paramita10 分钟前
实战:使用Ollama + Node搭建本地AI问答应用
前端
一天睡25小时11 分钟前
前端の骚操作代码合集 (二)| 让你的网页变得有趣
前端·javascript
王林不想说话13 分钟前
Zustand状态管理库
前端·javascript
清风ai明月14 分钟前
vue模板语法中使用冒号: 什么时候使用,什么时候不使用呢?
前端·javascript·vue.js