vue.js实战—

<!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</title>

    <script src="./vue.js"></script>

</head>

<body>

    <div id="app">

        <a href="http://www.apple.com" @click="handleClick('禁止打开',$event)">打开链接</a>

    </div>

    <script>

        var app=new Vue({

            el:'#app',

            methods:{

                handleClick:function(message,event){

                    event.preventDefault();

                    window.alert(message);

                }

            }

        })

    </script>

</body>

</html>

vue.js实战——$event的更多相关文章

Vue.js 实战总结
最近在某个项目中用到了Vue.js,从上手做开发到项目发布,一步步踩了不少坑.本文试图总结过去一个多月使用Vue.js中的一些经验,也算是一点心得体会吧,拿出来与大家分享,欢迎多多交流. Vue.js ...
Vue.js实战
指令什么是指令指令,directives,是vue非常常用的功能,在template里. 都是以v-开头不是自己所为html元素,比如假设指令叫v-abc,没有这种写法,这是组件(compone ...
Vue.js起手式+Vue小作品实战
本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官方文档的顺序,每个知识点现附上代码,然后根据代码给予个人的一些理解,最后还放上在线编辑 ...
Vue.js 组件的三个 API：prop、event、slot
组件的构成一个再复杂的组件,都是由三部分组成的:prop.event.slot,它们构成了 Vue.js 组件的 API.如果你开发的是一个通用组件,那一定要事先设计好这三部分,因为组件一旦发布,后 ...
Vue-cli+Vue.js2.0+Vuex2.0+vue-router+es6+webpack+node.js脚手架搭建和Vue开发实战
Vue.js是一个构建数据驱动的web界面的渐进式框架.在写这边文章时Vue版本分为1.0++和2.0++,这个是基于Vue2.0的项目. Vue-cli是构建单页应用的脚手架,这个可是官方的. Vu ...
vue.js - 奇怪的 event 对象
好久都没有写点东西了, 前段时间工作搞得头大,真的就是一起加班到死了.废话不多说,写这篇文章是因为这次因为 event 对象闹了一个乌龙,以此总结一下. 一.event 对象 (一)事件的 event ...
vue.js的项目实战
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏需求背景组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用, ...
第10章-Vue.js 项目实战
一.本节内容掌握项目环境中路由的配置方法 ***** 熟练掌握编写单文件组件的编写 *** 能够使用swiper.js进行轮播图组件的封装能够使用axios进行数据请求二.webpack项目的目 ...
vue.js移动端app实战2
貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects,简单 ...

随机推荐

(3)Maven快速入门_3在Eclipse中创建Maven项目打包成jar
Eclipse中创建Maven项目 new ---> maven project ----> next 如下普通java项目选择如下 quickstart 创建项目 : 输入 G ...
Linux文件基本操作管理
这一篇总结Linux系统中文件和目录的创建,复制,移动和重命名,包括删除这些最常用的操作. 创建 1,创建目录使用命令:mkdir 实践:在根目录下创建一个目录命名为mcgrady 2,创建文件使 ...
利用MingW检验程序运行内存
今天zhx老师在讲课的时候提到了一种检验程序内存的方法一般计算内存的方法就是手算,手动计算代码中每个变量所占的内存然后加起来具体可以参考这篇文章 zhx老师讲的方法可以实现全自动化计算内存具体怎 ...
【Dojo 1.x】笔记6 配置对象dojoConfig的用处和真身所在
dojoConfig是对整个Dojo开发环境的配置,它的位置必须是页面的最前,可以是script标签也可以是独立的js文件. 它允许开发者为Dojo SDK的各个方面设置选项和默认行为. 但是,这个对 ...
QT中pro文件编写的详细说明
如果用QTCreator开发的小伙伴,可能都知道.pro文件,但是里面的具体配置可能比较模糊,今天我就来给大家好好讲解下一.名称解释 QT += :这个是添加QT需要的模块 TARGET = :生成 ...
初级c++编码规范
想了很久,第一篇文章还是应该写编码规范好一点.编码规范是一个仁者见仁的问题,为了避免复杂庞大,自己总结了一套简单版本的规范. 简介本文介绍一份自己使用的C++编码规范.第一次正式进入 ...
MySQL MHA FailOver后，原Master节点自动以Slave角色加入解群的研究与实现
MHA是一套MySQL高可用管理软件,除了检测Master宕机后,提升候选Slave为New Master之外(漂虚拟IP),还会自动让其他Slave与New Master 建立复制关系.MHA Ma ...
idea 模板注释设置
一.首先我们来设置IDEA中类的模板: 1.File-->settings-->Editor-->File and Code Templates-->Files 我们选择Cla ...
6.1Python数据处理篇之pandas学习系列（一）认识pandas
目录目录 (一)介绍与测试 2.作用: 3.导入的格式 4.小测试 (二)数据类型 1.两种重要的数据类型 2.pandas与numpy的比较目录 (一)介绍与测试号称处理数据与分析数据最好的第 ...
2017 百度杯丶春秋欢乐赛 writeup
1. 内涵图(Misc) 题目: 我不是一个简单的图片我是一个有内涵的图片解:保存到桌面,右键属性->详细信息,即可获得flag. 2. 小电影(Misc) 题目: 我说过这次比赛是让大家 ...

vue.js实战——$event

vue.js实战——$event的更多相关文章

随机推荐

热门专题