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無法輸入的問題了。