el-input 表单验证数字

页面
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
<el-form-item label="使用次数" prop="times">
            <el-col :span="3">    
                <el-input v-model.number="ruleForm.times" oninput="if(value.length>=2)value=value.slice(0,2)" size="small" style="width:160px;" clearable> <template slot="append">次</template>
            </el-col>
          </el-form-item>
</el-form>
script
var Main = {
    data() {
      return {
       ruleForm: {
          seal: '',
          out: false,
          date1: '',
          date2: '',
          date3: '',
          date4: '',
          times: 1,
          name: '',
          reason: ''
        },
 rules: {
         times: [
            { type: 'number', required: true, min: 1, max: 5,message: '使用次数 1 到 5 次之间,不可输入非数字!', trigger: 'blur' }
          ]
        }

 methods: {
        
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

 

发布了4 篇原创文章 · 获赞 0 · 访问量 272
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览