VUE Computed限制input只能输入数字

<template>
  <div class=''>
    <input type="text"  v-model="_user_id">
  </div>
</template>

<script>
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {},
  data () {
  // 这里存放数据
    return {
      user_id: ''
    }
  },
  // 监听属性 类似于data概念
  computed: {
    _user_id: {
      set: function (value) {
        this.user_id = value
      },
      get: function () {
        return this.user_id.replace(/[^0-9]+/g, '');
      }
    }
  }
}
</script>
<style lang='scss' scoped>

</style>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容