a-input输入框,苹果电脑(MAC)输入法的输入Bug

一、系统背景

我的项目使用的vue2.6.10 + ant-design of vue 1.7.8版本的框架,其实就是使用了jeecg的框架;然后再开发过程中没有使用过苹果电脑,所以没有测出这输入法的bug;
BUG:在MAC系统中,我的输入框输入"珠海"两个字,然后显示的拼音和中文,不是珠海两个字,但是,如果一个字一个字的输入,就没问题,连打就有问题;

二、问题解决和代码

检查发现,是在全局加了一个事件监听,main.js文件 添加的,影响到了全局,所以把这个全局的事件监听注释掉,这个事件监听的主要作用是去除空格的;

代码:

javascript 复制代码
mounted () {
    // 在全局监听 input 事件;去掉input的空格
    // document.body.addEventListener('input', this.removeSpacesFromInput, true);

  },
  render: h => h(App),
  //去掉input的空格
  // methods:{
  //   removeSpacesFromInput(e) {
  //     // 判断是否为 Ant Design 的 a-input 元素
  //     if (e.target.tagName === 'INPUT') {
  //       if (e.target.closest('.ant-input')) {
  //         // 对 Ant Design 的 a-input 组件去除空格
  //         e.target.value = e.target.value.replace(/\s+/g, '');
  //       } else if (e.target.closest('.el-input__inner')) {
  //         // 对 Element UI 的 el-input 组件去除空格
  //         e.target.value = e.target.value.replace(/\s+/g, '');
  //       }
  //     }
  //   }
  // },
  // //去掉input的空格
  // beforeDestroy() {
  //   // 在组件销毁前移除事件监听
  //   document.body.removeEventListener('input', this.removeSpacesFromInput, true);
  // }

}).$mount('#app')

就是上面的代码影响到了,注释掉就没问题了!!!

相关推荐
计算机毕设VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue医院设备管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
北辰alk1 小时前
Vue 路由信息获取全攻略:8 种方法深度解析
vue.js
北辰alk2 小时前
Vue 三剑客:组件、插件、插槽的深度辨析
vue.js
北辰alk2 小时前
Vue Watch 立即执行:5 种初始化调用方案全解析
vue.js
北辰alk2 小时前
Vue 组件模板的 7 种定义方式:从基础到高级的完整指南
vue.js
北辰alk2 小时前
深入理解 Vue 生命周期:created 与 mounted 的核心差异与实战指南
vue.js
计算机毕设VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue小型房屋租赁系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
北辰alk2 小时前
Vuex日渐式微?状态管理的三大痛点与新时代方案
vue.js
无羡仙4 小时前
Vue插槽
前端·vue.js
狗哥哥5 小时前
🔥 Vue 3 项目深度优化之旅:从 787KB 到极致性能
前端·vue.js