el vue 输入框正则数字框

原创

android洪君 2019-01-12 11:13:20 ©著作权

©著作权归作者所有：来自51CTO博客作者android洪君的原创作品，请联系作者获取转载授权，否则将追究法律责任

:rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]"

非空判断

type="text" oninput="javascript:this.value=this.value.replace(/[^\d]/g,'')"

数字验证输入框只允许输入数字

<el-input v-model="input" placeholder="请输入内容"></el-input>

<script>
export default {
  data() {
    return {
      input: ''
    }
  }
}
</script>

v-model：绑定，方便获取输入的值

input：输入框

<template>
  <el-radio v-model="radio" label="1">备选项</el-radio>
  <el-radio v-model="radio" label="2">备选项</el-radio>
</template>

<script>
  export default {
    data () {
      return {
        radio: '1'
      };
    }
  }
</script>

Radio：单选

<template>
  <el-radio-group v-model="radio2">
    <el-radio :label="3">备选项</el-radio>
    <el-radio :label="6">备选项</el-radio>
    <el-radio :label="9">备选项</el-radio>
  </el-radio-group>
</template>

<script>
  export default {
    data () {
      return {
        radio2: 3
      };
    }
  }
</script>

单选组