vue input无法输入的问题
<el-form-item prop="deployPort" :rules="rules.agentPort"><el-input v-model="formData.deployPort"placeholder="AgentDeploy端口"@input="portInput"></el-inp...
·
<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才能获取到更新后的值。
更多推荐
已为社区贡献4条内容
所有评论(0)