javascript - js affiche la fonction de recherche dans la méthode de saisie du téléphone mobile

Question

1.<input type="search" @keyup.enter="search()"/> la recherche ne sera pas affichée dans la méthode de saisie du téléphone mobile, mais l'événement @keyup.enter peut être utilisé
2.< ;form action= "javascript:search()"><input type="search" @keyup.enter="search()"/></form>
La recherche d'affichage se fait dans la méthode de saisie du téléphone mobile, et @keyup ne peut pas être utilisé pour l'événement enter, mais enter a un effet
L'effet que je souhaite obtenir est d'afficher le bouton de recherche dans la méthode de saisie du téléphone mobile, et en même temps de cliquer sur le bouton de recherche dans la méthode de saisie du téléphone mobile. pour implémenter la fonction de recherche, en utilisant vue, je suis très confus. .

Answer 1

Le problème a été résolu
<form action="javascript:void(0)"><input type="search" @keyup.enter="search()"/></form>

Answer 2

Le point clé lorsque le mot « Rechercher » apparaît est :

Propriétés de

1. form 元素要有 action

2. input 元素的 type 属性值为 search

Mais votre syntaxe Vue ici est fausse, c'est peut-être ce que vous voulez

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

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