Framework 7 Searchbar上的AutoFocus无法正常工作

Question

所以我有一个带有5个标签的移动应用程序，其中一个是“搜索”标签，我希望每次我单击“搜索”标签时，搜索就会自动启用，并且键盘会弹出，这也意味着光标已准备就绪我在浏览器中的html中进行搜索，发现每次我单击搜索栏上写的东西都会添加一个名为input-focused的新类，因此我尝试使用一种名为enable的方法自动添加它，并且正在调用方法searchEnabled，但仍然无法正常工作...有什么想法吗？

<f7-searchbar
   @searchbar:enable="searchEnabled"
   @searchbar:search="search"
   search-container=".search-list"
   search-in=".item-title"
></f7-searchbar>


methods: {
  search (searchbar, query) {
    if (query === '') {
      this.results = []
    } else {
      this.filter.q = query
      Search.filter(this.filter).then(({data}) => {
        this.results = data
      })
        .catch((error) => {
          console.log('error:', error)
        })
    }
  },
  searchEnabled (searchbar) {
    searchbar.$inputEl[0].classList.add(['input-focused'])
  }
}