【随笔小记】输入框 van-field的属性enterkeyhint

导读:van-field 输入框常常用来做基础输入框使用,这次使用要在虚拟键盘上点击按钮【发送】然后做逻辑处理,enterkeyhint属性可以将键盘上的回车/换行 键修改成其他显示项。

enterkeyhint

允许用户改变虚拟键上“Enter”的外观

  • enter 默认值,键盘显示 换行 或者“Enter”
  • done 键盘显示 “完成” 或者 “Done”
  • go 键盘显示 前往 或者“Go”
  • next 键盘显示 “下一项” 或者 “Next”
  • search 键盘显示 “搜索” 或者“Search”
  • send 键盘显示 “发送” 或 “Send”
  • previous 键盘显示 “换行” 或 “return”

配合@keydown.enter.prevent="handler"键盘监听enter事件,自定义处理函数handler,就能实现点击回车键进行逻辑处理了。

@input

监听用户输入

autosize

值是一个对象 { maxHeight: 100, minHeight: 50 },设置输入框的高度,最大高度maxHeight和 最小高度minHeight;
注意:这里autosize可以定义成一个ref响应式,在获取外层盒子的高度height,然后autosize.maxHeight = height来适应不同屏幕的高度!

type

输入框类型

maxlengt

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值