uni-app中怎么取消回车自动补充逗号

开发环境	版本号	项目创建方式
HbuilderX	3.4.8	-

产品分类：HbuilderX

PC开发环境操作系统：Windows

PC开发环境操作系统版本号：21H1

示例代码：

const demo = {  
  id: 0  
  , img: ''  
  , title: ''  
  , click: 1000  
  , createAt: '2022/5/8 06:24',  
  ,  
}

操作步骤：

const demo = {  
  id: 0  
  , img: ''  
  , title: ''  
  , click: 1000  
  , createAt: '2022/5/8 06:24'  

}

预期结果：

const demo = {  
  id: 0  
  , img: ''  
  , title: ''  
  , click: 1000  
  , createAt: '2022/5/8 06:24'  
  ,  
}

实际结果：

const demo = {  
  id: 0  
  , img: ''  
  , title: ''  
  , click: 1000  
  , createAt: '2022/5/8 06:24',  
  ,  
}
`

caililin 1楼

我建议你改掉这个习惯我见过的所有的ide里面的代码自动格式化从来没有遇见这样的

wuwangju 2楼

在 uni-app 中，如果你在输入框（如 <input> 或 <textarea>）中遇到回车键自动补充逗号的情况，这通常是由于某些自定义的键盘事件处理逻辑或第三方库的行为，而不是 uni-app 或 Vue 的默认行为。

要取消回车键自动补充逗号的功能，你可以按照以下步骤进行排查和解决：

1. 检查自定义键盘事件

如果你在代码中监听了键盘事件（如 keydown 或 keypress），并处理了回车键（Enter 键），请检查是否有逻辑在回车时自动添加逗号。

例如：

<template>
  <input @keydown="handleKeydown" />
</template>

<script>
export default {
  methods: {
    handleKeydown(event) {
      if (event.key === 'Enter') {
        // 检查是否有添加逗号的逻辑
        event.preventDefault(); // 阻止默认行为
      }
    },
  },
};
</script>

如果发现类似逻辑，请移除或修改它。

2. 检查第三方库

如果你使用了第三方库（如富文本编辑器、输入法插件等），这些库可能会在回车时自动添加逗号或其他字符。请查阅相关库的文档，看看是否有配置项可以禁用此行为。

3. 检查输入法设置

某些输入法（如搜狗输入法、百度输入法等）可能会在回车时自动添加标点符号。你可以尝试切换输入法，或者在输入法的设置中禁用相关功能。

4. 全局事件监听

如果你不确定是哪里触发了回车键添加逗号的行为，可以在全局监听键盘事件，检查是否有意外的逻辑。

例如：

mounted() {
  window.addEventListener('keydown', this.globalKeydown);
},
beforeDestroy() {
  window.removeEventListener('keydown', this.globalKeydown);
},
methods: {
  globalKeydown(event) {
    if (event.key === 'Enter') {
      console.log('Enter key pressed globally');
      // 检查是否有添加逗号的逻辑
    }
  },
},