問題描述

1.<input type='search' @keyup.enter='search()'/>不會(huì)顯示search在手機(jī)輸入法中，但是可以使用@keyup.enter事件2.<form action='javascript:search()'><input type='search' @keyup.enter='search()'/></form>顯示search在手機(jī)輸入法中，不可以使用@keyup.enter事件，但是enter有效果我想要實(shí)現(xiàn)的效果是，在手機(jī)輸入法中顯示搜索按鈕，同時(shí)點(diǎn)擊手機(jī)輸入法中的搜索按鈕實(shí)現(xiàn)搜索功能，用vue,很困惑。。

問題解答

問題已經(jīng)解決<form action='javascript:void(0)'><input type='search' @keyup.enter='search()'/></form>

出現(xiàn)“搜索”字樣的重點(diǎn)是:

form 元素要有 action 的屬性

input 元素的 type 屬性值為 search

但是你這里的 Vue 語(yǔ)法是錯(cuò)誤的, 或許你想要的是這樣

<template><form action='#'> <input type='search' @keyup.enter='search'/></form></template><script>export default { // ... methods: {// ...search() {} }}