代碼如下所示：

<form action="" target="frameFile"> <mt-search v-model="value" placeholder="請輸入關(guān)鍵字" @keyup.native.enter="search(value)"> <div v-infinite-scroll="loadMore()" infinite-scroll-disabled="loading" infinite-scroll-distance="10">  <ListItem :lists="lists"></ListItem>  <div class="loading-text" v-if="(loadingTextBtn==true)"><span v-text="loadingText"></span><mt-spinner v-if="(loadingComplete==false)" type="snake" :size="10"></mt-spinner></div> </div> </mt-search> <iframe name='frameFile' style="display: none;"></iframe></form>

解決辦法：

mint-ui的search組件input默認(rèn)也是type="search"類型的，但是還需要在外層包一組form標(biāo)簽，并且?guī)в衋ction,就會在鍵盤中出現(xiàn)搜索按鈕。

如上是方法一：

在手機(jī)鍵盤點擊搜索的時候，頁面會刷新，所以給form加一個target，target規(guī)定在何處打開 action URL，再放入一個隱藏的iframe,起名為form的target的值，這樣則在當(dāng)前頁面展示出搜索的內(nèi)容

如下是方法二：

<form action="" onsubmit="return false;">  <mt-search v-model="value" placeholder="請輸入關(guān)鍵字" @keyup.native.enter="search(value)">   <div v-infinite-scroll="loadMore()" infinite-scroll-disabled="loading" infinite-scroll-distance="10">   <ListItem :lists="lists"></ListItem>   <div class="loading-text" v-if="(loadingTextBtn==true)"><span v-text="loadingText"></span><mt-spinner v-if="(loadingComplete==false)" type="snake" :size="10"></mt-spinner></div>   </div>  </mt-search></form>

這里直接給onsubmit事件寫入return false，禁止提交，則搜索列表頁也可以在當(dāng)前頁面展示。

總結(jié)

以上所述是小編給大家介紹的mint-ui的search組件在鍵盤顯示搜索按鈕的實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！