Vue.js的学习记录_4

梦里梦外; 2022-03-09 17:10 235阅读 0赞

### 键盘响应事件 ###

*  vue.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Event KeyBoard</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <h1>Event KeyBoard</h1>
        <div id="Vue-app">
            <label for="">name</label>
            <input type="text" v-on:keyup.enter="logName" >
       
            <label for="">Age</label>
            
            <input type="text" v-on:keyup.alt.enter="logAge" >
       
        </div>
        <script src="app.js"></script>
    </body>
    </html>

*  vue.js

new Vue({ 
        el: '#Vue-app',
        data: { 
            name:'',
            age: ''
        },
        methods: { 
            logName: function() { 
                console.log('You entered your name');
            },
            logAge: function() { 
                console.log('You entered your age');
            }
    
        }
    })

### `记录` ###

*  学习了如何使用keyup绑定键盘的。

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vuejs——（4）v-if、v-for

（二十）v-if ①标准v-if用法简单来说，该值为true则显示该标签，为false则不显示；如例： <div id="app">

た入场券/ 2022年07月17日 15:24/ 0 赞/ 250 阅读

相关 vuejs初次学习入门

不得不说我对前端技术还是有追求的，这几天了解了下vuejs，记点笔记 vuejs是一个mvvm框架，博主以java开发为主，后台的mvc模式可以说是web开发的标配，没想

今天药忘吃喽~/ 2022年07月11日 07:29/ 0 赞/ 281 阅读

相关 VueJs学习汇总

最近更新时间：2017年6月2日16:58:06 [《我的博客地图》][Link 1] 前端的框架很多，需要不断的摸索和学习，截止20170602已经接触和使

落日映苍穹つ/ 2022年06月15日 12:11/ 0 赞/ 451 阅读

相关 vuejs学习笔记

把一个对象所有元素打印出来对象： editRoomData: { id: "", roomNo:""

Bertha 。/ 2022年05月01日 12:10/ 0 赞/ 230 阅读

相关 Objective-C 学习记录4

[Objective-C 学习记录4][Objective-C _4] 字符串的一些方法使用: 1.创建字典的NSString可变字符串,和NSMutableSt

你的名字/ 2022年04月23日 00:16/ 0 赞/ 145 阅读

相关 Vue.js的学习记录_4

键盘响应事件 vue.html <!DOCTYPE html> <html lang="en"> <head> <meta

梦里梦外;/ 2022年03月09日 17:10/ 0 赞/ 236 阅读

相关前端学习记录 Day4（jQuery）

文章目录 Day 4 jQuery简介 jQuery特点 jQuery导入 jQuery语言基础

雨点打透心脏的1/2处/ 2022年01月05日 09:37/ 0 赞/ 257 阅读

相关 Vue+element+Nodejs学习记录（4）

1.nodejs中使用redis const redis = require('redis') // 创建客户端 const redisCl

淡淡的烟草味﹌/ 2021年11月09日 23:36/ 0 赞/ 313 阅读

相关【Vue 学习】- VueJS 生命周期

一、概述 Vue 的生命周期可以分为 8 个生命周期的执行点，从 new 创建 Vue 对象到对象的销毁，其中 4 个基本的，4 个特殊的，在下图中，红色标注的就是 8

向右看齐/ 2021年09月21日 01:16/ 0 赞/ 457 阅读

相关【Vue 学习】- VueJS 简单入门

目录一、概述 1、Vue 介绍 2、MVVM 模式二、Vue 入门 1、使用 IDEA 开发 Vue 2、插值表达式 --------------------

末蓝、/ 2021年09月21日 00:52/ 0 赞/ 761 阅读