用vue实现点击按钮输入框聚焦

html部分

<input type="text" @blur="focusState = false"  v-focus="focusState"> *这里只能使用v-show,不能使用v-if *
<div @click="focusclick">按钮</div>

js部分

new Vue({
  el: '#app',
  data: {
    message: 'hello!',
    focusState: false
  },
  methods: {
    focusclick () {
      this.focusState = true  
    }
  },
  directives: {
    focus: {
      //根据focusState的状态改变是否聚焦focus
      update: function (el, value) {    //第二个参数传进来的是个json
        if (value) {
          el.focus()
        }
      }
    }
  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容