javascript - js zeigt die Suchfunktion in der Mobiltelefon-Eingabemethode an

Question

1.<input type="search" @keyup.enter="search()"/> Die Suche wird in der Mobiltelefon-Eingabemethode nicht angezeigt, aber das @keyup.enter-Ereignis kann verwendet werden
2.< ;form action= "javascript:search()"><input type="search" @keyup.enter="search()"/></form>
Die Display-Suche erfolgt in der Eingabemethode für Mobiltelefone. und @keyup können nicht verwendet werden, aber Enter hat einen Effekt. Der Effekt, den ich erzielen möchte, besteht darin, die Suchschaltfläche in der Mobiltelefon-Eingabemethode anzuzeigen und gleichzeitig auf die Suchschaltfläche in der Mobiltelefon-Eingabemethode zu klicken Um die Suchfunktion zu implementieren, bin ich sehr verwirrt. .

Answer 1

问题已经解决
<form action="javascript:void(0)"><input type="search" @keyup.enter="search()"/></form>

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() {
        }
    }
}