<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
<button type="button" v-on:click="getNum()">1</button>
<button type="button" v-on:click="getNum()">2</button>
<button type="button" v-on:click="getNum()">3</button>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
},
methods: {
getNum: function() {
const btns = document.getElementsByTagName('button');
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function() {
console.log('button ' + i + ' click');
})
}
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function() {
console.log('button ' + i + ' click');
})
}
}
},
computed: {}
})
</script>
</body>
</html>
let var作用域
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:ES6对象字面量增强写法
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Python基础笔记-函数的作用、返回值、参数、作用域
主要记录了函数以及函数的参数、返回值、执行、传参、作用域等内容。
作用域 数据 全局变量 函数 Python基础 -
var、let、const
var和let是变量(var有数据穿透;比如使用var写个for循环,在for循环外面打印
for循环 i++ Math -
typescript var typescript var let
js对象let jspang = { name:'胖', website:'jspang.com', age:18, saySometing:function(){ console.log('为了前端') }}console.log(jspang.name)jspang.saySometing()在TypeScript中也给我们提供了一
typescript var typeScirpt typeScript引用类型 typescript正则 typescript日期