解决一个el-input框无法强制更新的问题

Posted on | Post modified:
el-input框绑定值后，页面上无法正常修改变化

el-input无法编辑

在form表单中，定义了一个input框，双向绑定了一个值，但发现无法在页面上对input框进行任何修改，即使输入了新的值，离开了input框发现又变回原样了，因此，只能使用forceUpdate方法来解决

1
2
3
4
5
6
7
8
9
  <el-form-item label="关联域名" prop="domain_prefix">
    <el-input v-model="deployJobForm.domain_prefix" clearable style="width: 95%" @input="modifyDomain"></el-input>
    <span style="width: 5%;padding-left: 10px">.</span>
    
...

    modifyDomain () {
      this.$forceUpdate()
    },