Nativescript Vue:Android上的搜索栏处于焦点位置,页面加载时键盘可见

Nativescript Vue:Android上的搜索栏处于焦点位置,页面加载时键盘可见,nativescript,nativescript-vue,Nativescript,Nativescript Vue,在安卓系统中,页面加载时键盘会展开,焦点放在搜索栏上 我正在努力避免在页面加载时焦点不在那里。有关守则如下: 我尝试补充: mounted(){ 这是.$refs.searchBars.nativeView.dismissSoftInput(); } 但这并没有奏效。我还尝试添加this.$refs.searchBars.nativeView.dismissSoftInput() 到搜索栏的@loaded事件函数。试试这个 <SearchBar @loaded="onSea

在安卓系统中,页面加载时键盘会展开,焦点放在搜索栏上

我正在努力避免在页面加载时焦点不在那里。有关守则如下:


我尝试补充:

mounted(){
这是.$refs.searchBars.nativeView.dismissSoftInput();
}
但这并没有奏效。我还尝试添加
this.$refs.searchBars.nativeView.dismissSoftInput()
到搜索栏的
@loaded
事件函数。

试试这个

<SearchBar @loaded="onSearchBarLoaded($event)"  />
试试这个

<SearchBar @loaded="onSearchBarLoaded($event)"  />

我也尝试过上述方法,但失败了。所以我做了一个小把戏来解决这个问题。 我添加了一个虚拟搜索栏,并将可见性设置为“隐藏”。因此,焦点将转移到虚拟搜索栏!这是我的密码

<SearchBar 
v-model="searchPhrase"
@textChange="onSearch" 
@submit="onSearch"
backgroundColor="white" 
@clear="clearSearch"  />

<!--Dummy searchbar -->
<SearchBar v-show="false" />

我也尝试了上述方法,但失败了。所以我做了一个小把戏来解决这个问题。 我添加了一个虚拟搜索栏,并将可见性设置为“隐藏”。因此,焦点将转移到虚拟搜索栏!这是我的密码

<SearchBar 
v-model="searchPhrase"
@textChange="onSearch" 
@submit="onSearch"
backgroundColor="white" 
@clear="clearSearch"  />

<!--Dummy searchbar -->
<SearchBar v-show="false" />

你可以使用一种方法来关注你想要的东西

searchbar(){
这是.$refs.searchbar.nativeView.focus();
},

你可以使用一种方法来关注你想要的东西

searchbar(){
这是.$refs.searchbar.nativeView.focus();
},