Element-UI中el-input無法輸入

今天項目中遇到了這個問題，不清楚什么原因。后來百度查到了是因為組件嵌套太深，導致無法組件無法刷新。

找了下解決方法，發現有兩種解決方法

1，在data中定義input框綁定的值

<el-input v-model="input1" />
<el-input v-model="input2"  />
 
//data
 input1: "",
 input2: ""

 

2，使用@input事件，在輸入時進行強制刷新

<el-input v-model="input2" @input="onInput()" /> 　　
onInput(){
     this.$forceUpdate();
}