zoukankan      html  css  js  c++  java
  • vue 强制更新局部dom

    方法一:

    场景:iview的输入框组件限制输入内容

    遇到问题:直接修改edit.jobnumber的值时输入框内容未发生变化

    分析:dom未刷新

    方法:为组件添加key,当key变化时dom会被刷新,问题也就解决了

               <Input
                  type="text"
                  v-model="edit.jobnumber"
                  @input="handleInput"
                  :key="jobnumberKey"
                  :maxlength="20"
                />        
    handleInput(value){
            let reg = /[^0-9a-zA-Z]/;
            if(value && reg.test(value)){
                this.$set(this.edit, 'jobnumber', value.replace(reg, ''));
                // 强制更新dom
                this.jobnumberKey = +new Date()
            }
        },
  • 相关阅读:
    模型
    smarty变量
    smarty变量调节器
    分页
    表单验证(注册)
    php数据库访问
    php面向对象 继承
    php 面向对象
    php正则数组
    php 函数
  • 原文地址:https://www.cnblogs.com/hjbky/p/11466774.html
Copyright © 2011-2022 走看看