<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>
VUE Computed限制input只能输入数字
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1.限制只能输入数字,英文 2.限制只能输入正整数 3.限制价格只能输入数字,且最多两个小数 转载:https:/...
- 1.限制只能输入数字,英文 2.限制只能输入正整数 3.限制价格只能输入数字,且最多两个小数 4.验证手机号的正则...
- input 判断输入 type ==int 整数 maxLength 最大位数 type ==float 数字 保...