<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在事件中读取data里的数据</title>
</head>
<body>
<div id="app">
<button v-on:click="test">点击查看</button>
</div>
<script src="../js/vue.js"></script>
<script>
let vm = new Vue({
el:'#app',
data:{
shuxing:'我是属性'
},
methods:{
test:function (event) {
alert(this.shuxing);
if(event){
alert(event.target.tagName)
}
}
}
});
</script>
</body>
</html>
vue-入门实例6-3.html
原创
©著作权归作者所有:来自51CTO博客作者虾米大王的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:vue-入门实例5-2.html

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue-入门实例3-1-6.html
【代码】vue-入门实例3-1-6.html。
javascript vue.js 前端 html 单选 -
vue-入门实例4-3-6.html
【代码】vue-入门实例4-3-6.html。
javascript vue.js 前端 html 迭代 -
vue-入门实例3-3.html
【代码】vue-入门实例3-3.html。
javascript 前端 vue.js html Vue -
vue-入门实例6-4.html
【代码】vue-入门实例6-4.html。
javascript vue.js 前端 html 方法参数 -
vue-入门实例6-2.html
【代码】vue-入门实例6-2.html。
javascript vue.js 前端 html 方法调用 -
vue-入门实例5-6.html
【代码】vue-入门实例5-6.html。
css javascript html 背景色 -
vue-入门实例6-1.html
【代码】vue-入门实例6-1.html。
javascript vue.js 前端 html Vue -
vue-入门实例2-6.html
【代码】vue-入门实例2-6.html。
html javascript 前端 css vue.js -
vue-入门实例3-1.html
【代码】vue-入门实例3-1.html。
javascript vue.js 前端 html Vue -
vue-入门实例8-3.html
【代码】vue-入门实例8-3.html。
vue.js javascript 前端 bc html -
vue-入门实例12-3.html
【代码】vue-入门实例12-3.html。
vue.js javascript 前端 html ios -
vue-入门实例5-3.html
【代码】vue-入门实例5-3.html。
css javascript html vue.js -
vue-入门实例9-3.html
【代码】vue-入门实例9-3.html。
vue.js javascript 前端 html Vue -
vue-入门实例3-2.html
【代码】vue-入门实例3-2.html。
javascript vue.js 前端 html 字符串 -
vue-入门实例10-3.html
【代码】vue-入门实例10-3.html。
html java 前端 字符串 User -
vue-入门实例3-4-3.html
【代码】vue-入门实例3-4-3.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-3-3.html
【代码】vue-入门实例4-3-3.html。
javascript vue.js 前端 html Vue