title: Set focus on input element with Vue
body: <p>I try to code an inline edit element. I like to have the focus on the input, after click. Here my code:</p>
  <pre><code>        &lt;span v-show=&quot;!name.edit&quot; @click=&quot;toggleEdit(this, name)&quot;&gt;{{name.val}}&lt;/span&gt;
  
              &lt;input type=&quot;text&quot;
                     v-model=&quot;name.val&quot;
                     v-show=&quot;name.edit&quot;
                     v-on:blur=&quot; saveEdit(this, name)&quot;
                     &gt;
          &lt;/div&gt;
  </code></pre>
  <pre><code>        data: function () {
              return {
                  name: {
                      val: '',
                      edit: false
                  },
  
              }
          },
  
          methods: {
              ...mapMutations([
  
              ]),
              toggleEdit: function(ev, obj){
  
                  obj.edit = !obj.edit;
  
                  console.log(obj)
                  if(obj.edit){
                      Vue.nextTick(function() {
                        ev.$$.input.focus();  
                      })
                  }
              },
  
              saveEdit: function(ev, obj){
                  //save your changes
                  this.toggleEdit(ev, obj);
              }
          },
  </code></pre>
  <p>But it's still not working.</p>