vue限制input只能输入正整数

站长手记 作者: 2024-08-27 22:00:01

vue限制input只能输入正整数


解决方法:

使用 directives自定义vue标签v-positive-int来监听输入框的值

1.标签

<input v-positive-int  type="text" />


2.vue.js代码

 export default{

   name: 'Txt',

   data(){

     return {}

   },

   computed: {

   },

   methods: {

   },

   directives: {

   positiveInt: {

     bind: function(el) {

       el.handler = function() {

         el.value = Number(el.value.replace(/\D+/, ''))

       }

       el.addEventListener('input', el.handler)

     },

     unbind: function(el) {

       el.removeEventListener('input', el.handler)

     }

   }

 },


   components: {

   },

 }


原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69773.html