zoukankan      html  css  js  c++  java
  • el-input 视图不刷新或者视图刷寻之后值没有更新

    背景:

    el-table表格循环的数据,本次发货数量不能大于剩余数量,如果大于剩余数量就默认变为剩余数量

    HTML代码:

          <el-table-column prop="skuDeliveryNum" align="center" label="本次发货数量" min-width="110">
                                <template slot-scope="scope">
                                    <el-input maxlength="50" v-model="scope.row.skuDeliveryNum" placeholder="请输入" :max="scope.row.skuLeftNum"
                                        @blur="changeNun(scope.row)"
                                        @input="scope.row.skuDeliveryNum = scope.row.skuDeliveryNum.replace(/[^0-9]/g, '');">  
                                    </el-input>
                                </template>
                            </el-table-column>
    @input="scope.row.skuDeliveryNum = scope.row.skuDeliveryNum.replace(/[^0-9]/g, '');">   不允许输入数字以外的字符
    //发货数量判断
                changeNun(num) {
                    if (event.target.value > num.skuLeftNum) {
                        this.$nextTick(()=>{
                            num.skuDeliveryNum = num.skuLeftNum
                        })
                        this.$message.error('发货数量不能大于剩余数量');
                    } else if (event.target.value == '' || event.target.value == null) {
                        this.$nextTick(()=>{
                            num.skuDeliveryNum = 1
                        })
                    }
                },
     
      this.$nextTick(()=>{  })      //用这个方法去刷新视图和数据
  • 相关阅读:
    redis的事务不是原子性
    Jenkins持续集成 入门实践
    Docker入门实践
    程序员该有的职业素养
    ubuntu sudoers配置错误
    日志分析工具 Log Parser
    压力测试记录
    Winscp使用sudo user登录
    Linux下通过NFS共享文件夹
    Jexus 5.4.6 on CentOS 6.6
  • 原文地址:https://www.cnblogs.com/lidonglin/p/14119945.html
Copyright © 2011-2022 走看看