@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端出现
相关推荐
YuShiYue11 分钟前
pnpm monoreop 打包时 node_modules 内部包 typescript 不能推导出类型报错
javascript·vue.js·typescript·pnpm
天天扭码27 分钟前
总所周知,JavaScript中有很多函数定义方式,如何“因地制宜”?(ˉ﹃ˉ)
前端·javascript·面试
一个专注写代码的程序媛31 分钟前
为什么vue的key值,不用index?
前端·javascript·vue.js
vvilkim39 分钟前
React 与 Vue:两大前端框架的深度对比
vue.js·react.js·前端框架
CodeCraft Studio40 分钟前
Excel处理控件Aspose.Cells教程:使用 Python 在 Excel 中进行数据验
开发语言·python·excel
장숙혜43 分钟前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
火柴盒zhang1 小时前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet
某公司摸鱼前端1 小时前
uniapp 仿企微左边公司切换页
前端·uni-app·企业微信
WKK_1 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
莫问alicia1 小时前
react 常用钩子 hooks 总结
前端·javascript·react.js