Vue 框架之键盘事件、健值修饰符、双向数据绑定

原创 Fly丶 教程 vue专题 27阅读 5 天前 举报

一、键盘事件,当按键盘时,在控制台输出提示

html 源码:

js 源码:

上面代码是当用户点击输入框后,只要按下键盘就会在控制台打印一次提示,实际应用的并不多,下面介绍当用户按下回车键时,才触发

二、健值修饰符

下面在时间后面加上:.enter
就可以实现只监听 enter 键,就可以实现,当用户在输入完成,按下回车键时,触发我们自定义的事件

三、双向数据绑定 input,selecet,textarea

适用:input,selecet,textarea 三种标签
js 文件种拿到 html 文件种输入的数据,然后 html 中拿到 js 文件中的数据

源代码 html 文件:

源代码 js 文件:

四、双向数据绑定 input,selecet,textarea (二)

上面数据绑定是在按下 输入回车键的时候,来回的同步数据,下面介绍另一种方式,实现双向数据绑定

双向数据绑定第二种方法:
源代码 html 文件:

源代码 js 文件:

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复