javascript - js memaparkan fungsi carian dalam kaedah input telefon mudah alih

Question

1.<input type="search" @keyup.enter="search()"/> carian tidak akan dipaparkan dalam kaedah input telefon mudah alih, tetapi acara @keyup.enter boleh digunakan
2.< ;form action= "javascript:search()"><input type="search" @keyup.enter="search()"/></form>
Carian paparan adalah dalam kaedah input telefon mudah alih, dan @keyup tidak boleh digunakan masuk acara, tetapi masukkan mempunyai kesan
Kesan yang saya ingin capai ialah memaparkan butang carian dalam kaedah input telefon bimbit, dan pada masa yang sama klik butang carian dalam kaedah input telefon bimbit untuk melaksanakan fungsi carian Menggunakan vue, saya sangat keliru. .

Answer 1

Masalah telah diselesaikan
<form action="javascript:void(0)"><input type="search" @keyup.enter="search()"/></form>

Answer 2

Inti utama apabila perkataan "Cari" muncul ialah:

Sifat

1. form 元素要有 action

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

Tetapi sintaks Vue anda di sini salah, mungkin ini yang anda mahukan

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

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