Vue.js中如何移除值中的逗号？代码实现遇阻求助

看起来你在Vue里处理字符串去逗号的时候踩了几个小坑，我来帮你捋清楚问题在哪，以及怎么解决：

1. 先修正变量大小写问题 #

JavaScript是严格区分大小写的，你代码里一会儿用displayValue，一会儿用displayvalue，这会导致变量未定义或者取值错误——这很可能是你用indexOf()没效果的核心原因之一。

2. 正确判断字符串是否包含逗号 #

indexOf(',')的返回值规则是：找到逗号时返回它的索引位置，没找到则返回-1。所以正确的判断条件应该是：

if (displayValue.indexOf(',') !== -1) {
  // 执行移除逗号的操作
}

3. 全局移除所有逗号的正确方式 #

如果只用replace(',', '')，只会替换字符串里的第一个逗号。要一次性移除所有逗号，得用正则表达式加上全局标志g，写法如下：

displayValue = displayValue.replace(/,/g, '')

完整的计算属性代码示例 #

因为你写的displayValue看起来是Vue的计算属性，这里给出完整的正确实现：

computed: {
  displayValue() {
    let displayValue = this.value;
    console.log('Before replace:', displayValue);
    
    // 全局移除所有逗号（无需额外判断，没有逗号时replace会返回原字符串）
    displayValue = displayValue.replace(/,/g, '');
    
    console.log('After replace:', displayValue);
    return displayValue;
  }
}

更简洁的写法（推荐） #

其实不用额外判断是否包含逗号，直接调用replace即可——如果原字符串里没有逗号，replace会原样返回原字符串，完全不影响结果：

computed: {
  displayValue() {
    const processedValue = this.value.replace(/,/g, '');
    console.log('Before replace:', this.value);
    console.log('After replace:', processedValue);
    return processedValue;
  }
}

内容的提问来源于stack exchange，提问作者user6632933