Автофокус на Framework 7 Searchbar не работает - PullRequest
Новая
       22

Автофокус на Framework 7 Searchbar не работает

0 голосов
/ 30 августа 2018

Итак, у меня есть мобильное приложение с 5 вкладками, одной из которых является вкладка поиска, и мне бы хотелось, чтобы каждый раз, когда я нажимал на вкладку поиска, поиск включался автоматически, и клавиатура всплывала, что также означает, что курсор будет готов Я выполняю поиск в html в браузере и обнаруживаю, что каждый раз, когда я нажимаю на строку поиска, чтобы написать что-то, добавляется новый класс, называемый ввод-ориентированным, поэтому я попытался добавить это автоматически, используя методы, называемые 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'])
  }
}
...