设置 el-input-number 整数取值
el-input-number是数值输入标签,默认为非整类型。但是很多情况下,要求输入数值必须为正整数,这就需要自己添加方法进行设置<el-input-number:min="0"v-model="chapter.sort"controls-position="right"placeholder="请输入排序"@change="toInteger".
·
el-input-number 是数值输入标签,默认为非整类型。但是很多情况下,要求输入数值必须为正整数,这就需要自己添加方法进行设置
<el-input-number
:min="0"
v-model="chapter.sort"
controls-position="right"
placeholder="请输入排序"
@change="toInteger"
/>
对应function:
toInteger() {
let reg = /^[0-9]+$/
if(!reg.test(this.chapter.sort)){
this.$message.warning("只能输入整数排序")
// 用以在dom渲染挂载后重新触发dom渲染挂载
this.$nextTick(() => {
this.chapter.sort = parseInt(this.chapter.sort)
})
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)