Vuejs中输入焦点为false时如何重定向

Question

我在 vue 中有一些视图，当打开搜索视图时它会自动聚焦输入，然后当它不再聚焦时视图必须重定向回来

我已经搜索过这个问题或解决方案并尽力而为，但还是不行我使用 Vue JS 2 这是我的代码：

<input v-focus="focused" @focus="focused = true" @blur="focused = false" type="text" class="form-control" aria-label="search">

import { focus } from 'vue-focus'

export default {
  directives: { focus: focus },
  data () {
    return {
      focused: true
    }
  }
}

我使用 vue-focus 包，如果你建议我使用原生的我没问题

我想如果输入不再聚焦我会自动回到另一个link

Answer 1

在@blur="focused = false"中，你实际上可以做@blur="goBack"，其中goBack是一个本地方法，它根据你的需要改变路线。

如果您使用的是 vue router，this.$router.go(-1) 之类的东西就可以。

How to redirect when the focus in input is false in Vuejs