javascript - js 顯示手機輸入法中的搜尋功能

Question

1.<input type="search" @keyup.enter="search()"/>不會顯示search在手機輸入法中，但可以使用@keyup.enter事件
2.< ;form action="javascript:search()"><input type="search" @keyup.enter="search()"/></form>
顯示search在手機輸入法中，不可以使用@keyup.enter事件，但是enter有效果
我想要實現的效果是，在手機輸入法中顯示搜尋按鈕，同時點擊手機輸入法中的搜尋按鈕實現搜尋功能，用vue,很困惑。 。

Answer 1

問題已經解決

Answer 2

出現「搜尋」字樣的重點是:

1. form 元素要有 action 的屬性

2. input 元素的 type 屬性值為 search

但是你這裡的 Vue 語法是錯誤的, 或許你想要的是這樣

<template>
<form action="#">
    <input type="search" @keyup.enter="search"/>
</form>
</template>

<script>
export default {
    // ...
    methods: {
        // ...
        search() {
        }
    }
}