title: Element UI with VueJS Autocomplete : Avoid Mutation A Props (Vue Warn)
body: <p>I have a big problem with VueJS and Element UI <a href="https://element.eleme.io/#/en-US/component/input#autocomplete-attributes" rel="nofollow noreferrer">https://element.eleme.io/#/en-US/component/input#autocomplete-attributes</a>
  I use the AutoComplete Component, and i want that I click on the input (onFocus Event), my suggestions re appear</p>
  
  <pre><code>&lt;el-autocomplete
              id="inputID"
              name="inputName"
              class="inputClass"
              v-model="inputModel"
              :fetch-suggestions="querySearchInput"
              placeholder= "Select an Input"
              ref="inputReference"
              value-key="id"
              v-loading="inputLoader"
              :value="inputValue"
              @select="onChangeInput"
              @focus="onFocusInput"
              @clear="onClearInput"
              clearable
          &gt;
              &lt;!-- Slot : Override Component Suggestions --&gt;
              &lt;template slot-scope="{item}" v-if="item.id"&gt;
                  {{ item.id }} - {{ item.name }}
              &lt;/template&gt;
          &lt;/el-autocomplete&gt;
  </code></pre>
  
  <p>on my onFocus or onClear i used : </p>
  
  <pre><code>this.inputModel = "";
  this.inputValue = ""
  </code></pre>
  
  <p>But it does not reset my suggestions.. :/
  The only way for me is to use : </p>
  
  <pre><code> this.$refs.inputReference.value = "";
  </code></pre>
  
  <p>But it's not a best pratice I have a message :  " vue.esm.js?efeb:591 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value"  "</p>
  
  <p>I use a :value and a v-model on my component because i stock an ID but i display a label with i18n, isn't important</p>
  
  <p>VERY THANKS YOU </p>
  
  <p>I think it's because the AutoComplete Component includes a InputComponent, and i'm not a pro with the cascading prop on VueJS.. </p>
  
  <p>Thanks.</p>