【element-ui】输入框组件el-input输入数字/输出Number类型:type=“number“、v-model.number用法

输入框组件el-input输入数字/输出Number类型

1、基础用法

  • 输入:任何文本 → 输出:String类型
<el-input v-model="inputText">el-input>

2、type="number"

  • 输入:仅限数字 → 输出:String类型
<el-input type="number" v-model="inputText">el-input>

3、.number

  • 输入:全数字 → 输出:Number类型
  • 输入:其他文本 → 输出:String类型
<el-input v-model.number="inputText">el-input>

4、type="number" + .number

  • 输入:仅限数字 → 输出:Number类型
<el-input type="number" v-model.number="inputText">el-input>

你可能感兴趣的:(Element,Vue,HTML,elementui,数据类型,修饰符,前端,输入框,字符串)