本地应用 v-on补充

◆事件绑定的方法写成函数调用的形式，可以传入自定义参数
◆定义方法时需要定义形参来接收传入的实参
◆事件的后面跟上.修饰符可以对事件进行限制
◆.enter可以限制触发的按键为回车
◆事件修饰符有多种

结果：

1，原始

2，触发点击事件：

3，输入框。测试：

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>V-on补充</title>
</head><body>
<div id="app"><input type="button" value="点击" @click="doit(666,'字符串')"><input type="text" @keyup.enter="saihi">
</div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>var app = new Vue({el:"#app",methods:{doit:function(p1,p2){console.log("测试输出！");console.log(p1);console.log(p2);},saihi:function(){alert("点击回车干嘛！")}}})</script>
</body>
</html>

本地应用 v-on补充相关推荐

组合数学-Chapter V: 图论补充
Chapter V-1: 图论补充本文内容为 Chapter V: 图论的内容补充. 在本章中, 我们还将先后介绍交错图, 进一步介绍Ramsey定理, 引入多个新概念, Mantel 定理, Tu ...
本地添加Maven管理
Maven下载安装: 1 .Maven下载地址:http://maven.apache.org/ 2 .下载解压到本地指定目录:记住该路径! 3 .新建/修改环境变量-系统变量: 名:M2_HOME ...
炮轰IEO、点赞孙宇晨，V神携团队24大要点解锁以太坊困境
V神携核心开发团队围绕智能合约.PoS.硬分叉等技术问题,ETC与BCH的社区问题,以及以太坊2.0的进展做了全面解答. 文 | 梁雨山出品 | 火星财经(ID:hxcj24h) 以太坊遇到了麻烦. ...
数据仓库中的SQL性能优化 - Hive篇
一个Hive查询生成多个map reduce job,一个map reduce job又有map,reduce,spill,shuffle,sort等多个阶段,所以针对hive查询的优化可以大致分为针 ...
Monkey脚本编写
脚本优势:简单.快捷.不需要借助任何工具,可以做简单的性能测试脚本缺点:只能简单实现坐标.按键等基本操作,无逻辑性脚本格式: 脚本API: 例子: 打开浏览器,输入WWW.jikexueyuan. ...
Linux常用命令大全(三)
6 磁盘维护 6.1 badblocks 功能说明:检查磁盘装置中损坏的区块. 语法:badblocks [-svw][-b <区块大小>][-o <输出文件>][磁盘装置] ...
Linux 的常用系统及网络命令
(转载自http://blog.chinaunix.net/uid-8031155-id-2518955.html) Linux下常用命令收集整理 Linux 的常用网络命令计算机网络的主要优点是能 ...
尚硅谷MySQL高级JAVA版
尚硅谷MySQL高级JAVA版 1.MySQL环境 1.1.环境安装 1.2.安装位置 1.3.修改字符集 1.4.配置文件 2.MySQL逻辑架构 3.存储引擎 4.SQL性能下降的原因 5.SQL ...
Linux操作系统基础之文件传输
目录一.实验环境的搭建二.scp命令三.rsync命令 1.rsync用法四.文件的归档压缩 1.文件归档 2.文件压缩 3.文件的归档加压缩一.实验环境的搭建 1.需要两台主机,并且保证两 ...
NC 工具的使用教程
NC工具的使用说明... nc使用说明参数介绍: nc.exe -h即可看到各参数的使用方法. 基本格式:nc [-options] hostname port[s] [ports] .. ...

本地应用 v-on补充

结果：

本地应用 v-on补充相关推荐

最新文章

热门文章