当前位置:首页 > http > 正文内容

elementplus 限制数字最小最大

自由小鸟11个月前 (01-03)http459

<el-form-item :label="transformI18n($t('register.注册数量'))" prop="num">
<el-input style="width: 320px" v-model.number="formData.num" :placeholder="transformI18n($t('register.请输入注册数量'))" />
</el-form-item>

const rules = reactive<FormRules<formDataInterface>>({
    num: [
        {
            required: true,
            message: transformI18n($t('register.请输入注册数量')),
            trigger: ['blur']
        },

        {
            type: 'number',
            min: 1,
            max: 10000,
            message: '活动人数应该在1-10000之间',
            trigger: ['blur']
        }
    ]
});

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=187

“elementplus 限制数字最小最大” 的相关文章

vue实现的整体流程

vue实现的整体流程

vue实现分为4大步骤第一步:解析模板成render函数    with的用法,在javascrip精粹这本书中作者提出在开发中还是最好不要使用with,除非你对它存在的问题非常之了解,当前vue中使用了不会影响开发者使用    模板中的所...

vue3的使用

从0开始搭建项目1,npm init @vitejs/appyarn create @vitejs/app2,npm install 安装依赖3,npm run dev 启动项目...

资料下载地址

macpnpm https://www.pnpm.cn/installation...

docker 前端中使用

下载地址https://docs.docker.com/desktop/install/mac-install/ 学dockder的目的可以将vue项目打包为docker镜像运行使用docker可以方便将其他人的项目直接运行,而不需要配置1,将vue的项目进行构建,输出dist这个步骤就相当于是将...