如何解决el-input中文逗号自动转化英文逗号失效问题？

问题：

在一次项目中，测试提到了一个bug：

在使用el-form二次封装的表单中，输入中文逗号时，切换中英输入法，转化成英文逗号会失效

思考：二次封装的表单转化操作是否及时监听输入操作和转化逗号

排查：找到二次封装的组件，并未见到对其进行了转化处理，在codePen上再次测试后，发现中英转化操作是el-input自动进行的，没想到el-input也有这样的低级bug

解决方式

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

<script src="//unpkg.com/vue@2/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.8/lib/index.js"></script>
<div id="app">
<el-input v-model="input"  placeholder="请输入内容" @input="inputHandler"></el-input>
</div>
var Main = {data() {return {input: ''}},methods:{inputHandler(){console.log('a',this.input)this.input=this.input.replace(/，/,',')console.log('b:',this.input)}}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

如何解决el-input中文逗号自动转化英文逗号失效问题？相关推荐

html中文输入转换成英文,HTML input 文本框输入中文逗号自动转换为英文逗号
begin 经历了一段时间的使用Github发表个人博客,我的感受就是很装逼,但是很麻烦--,因为都是自己手动弄的,还不如博客园方便,还有自己买了域名,但是SEO却提不上起,或者说压根就没有 --#, ...
java中文逗号替换成英文逗号_织梦中文逗号自动替换成英文逗号的方法
织梦中文逗号自动替换成英文逗号的方法发布时间:2020-08-18 15:00:18 来源:亿速云阅读:102 作者:小新小编给大家分享一下织梦中文逗号自动替换成英文逗号的方法,相信大部分人都还 ...
java中文逗号替换成英文逗号_织梦中文逗号怎么自动替换成英文逗号
织梦中文逗号怎么自动替换成英文逗号? 织梦DEDECMS发布文档输入tag时,中文逗号自动替换成英文逗号的方推荐学习:织梦cms 从织梦DedeCms5.3版本开始,把TAG标签的间隔号由空格改为英 ...
java中文逗号替换成英文逗号_word如何将大量英文逗号批量替换为中文逗号？
录入长篇文档往往需要频繁切换输入法,在录入中文文章的时候,有时会不小心录入如图 7‑6所示的大量英文逗号,此时该如何将其批量替换为中文逗号呢? 图7‑6英文逗号(英文逗号用粉红色标注) 解决方案1 将 ...
vscode中文标点符号自动转英文标点符号
vscode中文标点符号自动转英文标点符号
DedeCms织梦发布文章时输入Tag标签逗号自动变成英文标点的方法
把TAG标签的间隔号由空格改为英文的逗号,这样使得经常原创文章的站长朋友非常不方便,因为我们输入汉字时总是喜欢使用全角的逗号,那么有没有办法使用 js脚本把输入的中文逗号变成英文逗号呢?当然是可以的! ...
IDEA插件推荐：中文字符自动转化！
前几天TJ君正在勤奋开心地码代码的时候,突然听到隔壁桌新来的年轻妹子在砸键盘,kuangkuangkuang的怪吓人. 作为一个好前辈的TJ君当然要去关心下后辈同事发生了啥事,毕竟这年头,年轻的女程序 ...
(已解决)谷歌浏览器访问http请求自动转化https,网页显示不安全,无法访问
解决方案: 将谷歌浏览器,缓存彻底清理,就好了.
input 输入时中英文逗号都转为英文逗号的方法
<input class="form-control" placeholder="请输入查询条件" style="height:30px; ...

如何解决el-input中文逗号自动转化英文逗号失效问题？

如何解决el-input中文逗号自动转化英文逗号失效问题？相关推荐

最新文章

热门文章