<template>
<div class="hello">
<h1>{{ msg }}</h1>
<!-- 事件和方法 -->
<button @click="getList()"> 点击渲染list列表</button>
<ul>
<li v-for="item in list" :key="item">
{{item}}
</li>
</ul>
<br />
<button @click="deleteData(111)">执行方法传值</button>
<button data-aid='123' ref="getda" @click="eventFn($event)">事件对象</button>
</div>
</template>
<script>
export default {
data() {
return {
msg: "Welcome to Your Vue.js App",
list:[]
}
},
methods: {
getList(){
for(var i=0;i<10;i++){
this.list.push("我是第"+i+"条数据")
}
},
deleteData(val){
alert(val);
},
eventFn(e){
console.log(e.srcElement.dataset.aid);
}
}
};
</script>
<style scoped>
</style>
四.点击按钮使用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 思路是，每次点击不同按钮，创建一个audio标签，并且给出src值，并且播放1、首先准备一个放audio标签的容器...
- 最近看到一篇博客很好, 转来做个笔记, 就是关于标题所说的东西http://www.jianshu.com/p...
- 当看到《摔跤吧，爸爸》这部片名的时候，我又有了先入为主的想法，又是印度歌舞励志片吧。抱着这样的没有期待的心情，我开...
