【问题标题】:How to redirect when the focus in input is false in VuejsVuejs中输入焦点为假时如何重定向
【发布时间】:2019-08-28 09:11:28
【问题描述】:

我在 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 包,如果你建议我是本地人,我可以

如果输入不再聚焦,我想自动返回另一个链接

【问题讨论】:

    标签: javascript vue.js input autofocus


    【解决方案1】:

    @blur="focused = false" 中,您实际上可以执行@blur="goBack",其中goBack 是一种本地方法,可以根据您的需要更改路线。

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

    【讨论】:

    • 它的作品!谢谢,但现在我有一个错误,在带有输入的视图中,有一个类似历史搜索的链接,如果我点击历史链接,它会返回到上一个链接而不是目标链接,你能解决这个问题吗?
    • 你既可以在中间链接中使用this.$router.replace,也可以使用this.$router.push(TARGET_ROUTE)而不是this.$router.go(-1)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-21
    • 2020-05-30
    • 2017-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-27
    相关资源
    最近更新 更多