登录

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

# HTML
过去多啦不再A梦 过去多啦不再A梦 2459 天前 862 次浏览

全部回复(2) 我要回复

  • 巴扎黑

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

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

    回复
    0
  • PHP中文网

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

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

    1. form 元素要有 action 的属性

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

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

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

    回复
    0
  • 取消 回复 发送