javascript - js 显示手机输入法中的搜索功能-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

过去多啦不再A梦 2017-07-04 13:45:33

[HTML讨论组]

1507

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

过去多啦不再A梦

全部回复(2)

巴扎黑2017-07-04 13:47:33 2楼

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

赞 +0

添加回复

PHP中文网2017-07-04 13:47:33 1楼

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

form 元素要有 action 的属性
input 元素的 type 属性值为 search

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

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

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

赞 +0

添加回复