vue el-input 金额输入不超过小数点后两位

http://jsrun.pro/hzZKp/edit
效果:输入的时候超过两位就不填了

<el-input v-model="input" placeholder="请输入内容" @keyup.native='keyupEvent($event,input)'></el-input>
var Main = {
  data() {
    return {
      input: ''
    }
  },
  methods:{
    keyupEvent(e,input){
      e.target.value=e.target.value.replace(/[^\d.]/g, '');
      e.target.value=e.target.value.replace(/\.{2,}/g, '.');
      e.target.value=e.target.value.replace(/^\./g, '0.');
      e.target.value=e.target.value.replace(/^\d*\.\d*\./g, e.target.value.substring(0,e.target.value.length-1));  
      e.target.value=e.target.value.replace(/^0[^\.]+/g, '0')
      e.target.value=e.target.value.replace(/^(\d+)\.(\d\d).*$/, '$1.$2')
      this.input=e.target.value
      console.log(this.input)
    }
  }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • b王京q阅读 806评论 0 0
  • 風兒風兒請走開 你可忍心吹動亭中我的少年 蚊蟲蚊蟲請開恩 此刻有一個少年酣夢正甜 那些抽煙的人啊 也請你忍耐 讓此...
    蜜婼阅读 734评论 0 0
  • 专利,法律许可
    风行水上_cb7a阅读 493评论 0 0
  • 2016年的诺贝尔文学奖还未出炉时,我们都在揣测村上春树能不能赶上这一班车,最终音乐天王鲍勃迪伦在这个秋高渐寒的季...
    MissBrill阅读 3,538评论 0 4