2021-01-12vue输入数字或金额，保留两位小数，不允许输入空格和文字，字母

最新推荐文章于 2024-12-11 18:53:33 发布

十年 lius

最新推荐文章于 2024-12-11 18:53:33 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端 vue 文章标签： vue.js

本文链接：https://blog.csdn.net/a12336487213/article/details/112505658

web前端同时被 2 个专栏收录

73 篇文章

订阅专栏

vue

23 篇文章

订阅专栏

博客介绍了在Vue中，父组件给子组件绑定原生事件的情况。绑定原生事件需加'.native'，否则事件无法触发，加了之后子组件就如同普通HTML标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-form-item label="保费（保留两位小数）：" >
          <el-input type="text" @keyup.native="premium =premium = premium.replace(/[^\d.]/g,'');
              premium = premium.replace(/\.{2,}/g,'.');
              premium = premium.replace(/^\./g,'');
              premium = premium.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
              premium = premium.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');" style="width: 100%" v-model.trim="premium"  clearable placeholder="输入订单的保费
          "></el-input>
        </el-form-item>

就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触发的