elementUi 新建和编辑dialog-input无法输入的小坑

<el-form-item
  :label="cateType === 1 ? '一级类目名称：' : '所属一级类目：'"
  prop="name"
>
  <el-input
    v-model="deatilFrom.name"
    clearable
    maxlength="8"
    show-word-limit
    placeholder="请填写类目名称"
    :disabled="cateType === 2"
  />
</el-form-item>

input无法输入。输入没有值，改变另外字段的时候才会显示。

解决方案添加：

@input="change($event)"

this.$forceUpdate()

<el-form-item
  :label="cateType === 1 ? '一级类目名称：' : '所属一级类目：'"
  prop="name"
>
  <el-input
    v-model="deatilFrom.name"
    clearable
    maxlength="8"
    show-word-limit
    placeholder="请填写类目名称"
    :disabled="cateType === 2"
    @input="change($event)"
  />
</el-form-item>

change (e) {
    this.$forceUpdate()
},

这样子就可以解决input无法输入的问题了。