关于el |
您所在的位置:网站首页 › rule使用方法 › 关于el |
我们在使用elementUI库的时候,肯定要了解相关的api,但使用过程中明明和官方写法类似为什么自己的就是没有生效,在这里给大家讲解一下我在工作中碰到的一个小问题。 先给大家用图片和代码的形式展示遇到的问题及解决方案: 是 否 取 消 确 定 data() { return { rules: { paymentProductName: [ { required: true, message: '请输入产品名称', trigger: 'blur' } ], paymentProductType: [ { required: true, message: '请选择产品类型', trigger: 'change' } ], paymentProductPrice: [ { required: true, message: '请输入产品价格', trigger: 'blur' } ], paymentProductNum: [ { required: true, message: '请输入产品数量' }, { type: 'number', message: '产品数量必须为数字' } ], paymentProductGiveNum: [ { required: true }, { type: 'number' } ], isFirstPunch: [ { required: true, message: '请选择是否是首充', trigger: 'change' } ], firstPunchTitle: [ { required: true, message: '请输入首充描述标题', trigger: 'blur' } ], firstPunchSubTitle: [ { required: true, message: '请输入副标题', trigger: 'blur' } ], rechargeChannel: [ { required: true, message: '请选择配置渠道', trigger: 'change' } ], sort: [ { required: true, message: '请输入排序权重' }, { type: 'number', message: '排序权重必须为数字' } ] } } }, 特别提醒,中prop=“paymentProductName”的值一定要跟对应的v-model=“ruleForm.paymentProductName”一致,即两个“paymentProductName”得一样,否则会导致rules失效 碰到类似问题的同学相信看了上面的图片和代码应该有一种醍醐灌顶的感觉,工作中碰到的坑,小记一下。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |