el-input中文逗号自动转化英文逗号问题

一、需求：

• 企业微信截图_16826668018601.png

二、问题：使用el-form表单中，输入中文逗号时，切换中英输入法，转化成英文逗号会失效

三、解决方式

在el-input绑定input事件或者使用watch监听value变化，使用正则进行处理

<el-col :span="6">
   <el-form-item label="销售订单号">
       <el-input v-model="queryForm.salesOrderNo" clearable size="small" placeholder="输入销售订单号，多订单号用逗号隔开" style="width: 270px;" class="filter-item" @input="inputHandler('sales')" @keyup.enter.native="crud.toQuery" />
    </el-form-item>
 </el-col>
<el-col :span="6">
    <el-form-item label="客户简称">
         <el-input v-model="queryForm.customerAbbreviation" clearable size="small" placeholder="输入客户简称，多简称用逗号隔开" style="width: 270px;" class="filter-item" @input="inputHandler('customer')" @keyup.enter.native="crud.toQuery" />
     </el-form-item>
</el-col>

var Main = {
  data() {
    return {
      input: ''
    }
  },
  methods:{
    inputHandler(){
      console.log('a', this.queryForm.customerAbbreviation)
      this.queryForm.customerAbbreviation = thisqueryForm.customerAbbreviation.replace(/，/,',')
      console.log('b:', this.queryForm.customerAbbreviation)
    }
  }
}
var Ctor = Vue.extend(Main)