<el-form-item prop="deployPort" :rules="rules.agentPort">
     <el-input v-model="formData.deployPort" 
        placeholder="AgentDeploy端口" 
        @input="portInput">
     </el-input>
</el-form-item>

当前项目用的element框架,input输入的时候,有时无法输入,有时能输入。目前有两个办法:

方法1:  data中先定义好input绑定的字段

data: vm => ({
    formData: {
        deployPort: ''
    }
})

方法2:使用强制刷新

methods:{
    portInput(){
      this.$forceUpdate()
    }
}

但是方法2有个缺点,修改input输入值,在表单验证的时候,value值没更新,必须得通过this.formData.deployPort才能获取到更新后的值。

 

 

Logo

前往低代码交流专区

更多推荐