按钮点击增加数值，点击greet弹出alert abc
Posted 苏格拉的底
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了按钮点击增加数值，点击greet弹出alert abc相关的知识，希望对你有一定的参考价值。
按钮点击增加数值，点击greet弹出alert abc
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
<div id="example-1">
<button v-on:click="counter += 1"> 数值 : {{ counter }} </button><br />
<button v-on:dblclick="greet('abc', $event)">Greet</button>
</div>
</div>
<script type="text/javascript">
var vm = new Vue({
el : "#app",
data : {
counter: 0,
name : "vue"
},
methods:{
greet : function (str, e) {
alert(str);
console.log(e);
}
}
});
</script>
<style type="text/css">
</style>
</body>
</html>
以上是关于按钮点击增加数值，点击greet弹出alert abc的主要内容，如果未能解决你的问题，请参考以下文章
js一个按钮点击后弹出数字1再点击弹出数字2，每次弹出都加1