javascript - js 显示手机输入法中的搜索功能

问题描述

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,很困惑。。

问题解答

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

出现“搜索”字样的重点是:

form 元素要有 action 的属性

input 元素的 type 属性值为 search

但是你这里的 Vue 语法是错误的, 或许你想要的是这样

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