关于elementui中时间控件或表单控件输入无法显示问题-

看情况使用 this. f o r c e U p d a t e ( ) 和 t h i s . forceUpdate() 和 this. forceUpdate()this.set()

1.如果控件为 input 则可使用 this.$forceUpdate()

2.如果数据结构是数组里包含多个对象时 使用this. s e t ( ) 为 t h i s . set()为 this. setthis.set(this.arrList, this.arrList[index].a, val)

3.如果数据结构是一个对象`时 使用 this. s e t ( ) 为 t h i s . set() 为 this. set()this.set(this.objList,‘a’,val)

4.如果都不可以 则把事件修改下 如 change 改成 blur 试试 [ 可能还要在blur事件里写this.$set() ]

问题原因 --可能是 获取的数据没有进行深拷贝处理
可参考 -https://blog.csdn.net/a1455990364/article/details/108244144

Element UI 提供了 el-input 组件,可以通过设置 type 属性为 "number" 或 "tel" 来限制只能输入数字,然后再结合 el-form 组件进行表单验证。以下是一个简单的例子: ```html <template> <el-form ref="form" :model="formData" :rules="rules"> <el-form-item label="金额" prop="amount"> <el-input v-model.number="formData.amount" type="tel" placeholder="请输入金额"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm">提交</el-button> </el-form-item> </el-form> </template> <script> export default { data() { return { formData: { amount: null }, rules: { amount: [ { required: true, message: '请输入金额', trigger: 'blur' }, { pattern: /^\d+(\.\d{1,2})?$/, message: '金额格式不正确', trigger: 'blur' } ] } } }, methods: { submitForm() { this.$refs.form.validate(valid => { if (valid) { // 表单验证通过,提交数据 console.log(this.formData.amount) } else { // 表单验证失败 console.log('验证失败') } }) } } } </script> ``` 在上面的例子,我们通过设置 type 属性为 "tel" 来限制只能输入数字,然后使用 v-model.number 将输入框的值转化为数字类型。接着定义了一个表单验证规则 rules,其设置了两个验证规则:必填和金额格式不正确,使用正则表达式限制只能输入整数或小数,小数点后最多保留两位。最后在提交表单时,调用 this.$refs.form.validate 方法进行表单验证,如果验证通过,就可以提交数据了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值