python控件获取焦点_vue如何实现点击button 使input获取焦点

Problem Description

点击rename的时候可修改input里的值，希望点击button后可以将焦点设置在input里。

DOM操作可以直接设置focus，但是Vue里不建议进行DOM操作，大家有什么好办法吗

Code//history.vue

• v-for="item in notes"

  class="historyitem"

  :class="{haha: activeNote===item}"

  @click="updateActiveNote(item)"

  >{{item.text}}

  v-model="item.text"

  v-if="activeNote===item &&activeNote.show"

  @keyup.enter="done()"

  @blur = "done()"

  >

  @click="ak">rename

import { updateActiveNote } from '../vuex/actions'

export default {

vuex: {

getters: {

notes: state => state.notes,

activeNote: state => state.activeNote

},

actions: {

updateActiveNote,

}

},

methods: {

done: function(e){

this.activeNote.show = false

},

ak: function(e){

this.activeNote.show = true;

}

},

}

项目截图(我知道很丑。。。)