<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)">執(zhí)行方法傳值</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+"條數(shù)據(jù)")
}
},
deleteData(val){
alert(val);
},
eventFn(e){
console.log(e.srcElement.dataset.aid);
}
}
};
</script>
<style scoped>
</style>
四.點擊按鈕使用
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來狈蚤，“玉大人茫孔，你說我怎么就攤上這事癣籽。” “怎么了？”我有些...
- 正文 為了忘掉前任幻捏，我火速辦了婚禮盆犁，結果婚禮上，老公的妹妹穿的比我還像新娘篡九。我一直安慰自己谐岁，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著伊佃，像睡著了一般窜司。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上航揉，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼庆锦！你這毒婦竟也來了捅位？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布烁峭，位于F島的核電站，受9級特大地震影響秕铛，放射性物質發(fā)生泄漏约郁。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一但两、第九天 我趴在偏房一處隱蔽的房頂上張望鬓梅。 院中可真熱鬧，春花似錦镜遣、人聲如沸己肮。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽谎僻。三九已至娄柳，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間艘绍，已是汗流浹背赤拒。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 思路是阳掐，每次點擊不同按鈕始衅，創(chuàng)建一個audio標簽，并且給出src值缭保，并且播放1汛闸、首先準備一個放audio標簽的容器...
- app的注冊界面，一般都要求注冊信息都要填寫完全注冊按鈕才能點擊艺骂，使用RAC一段代碼實現(xiàn)這樣的效果
- 最近看到一篇博客很好, 轉來做個筆記, 就是關于標題所說的東西http://www.reibang.com/p...
- 當看到《摔跤吧钳恕，爸爸》這部片名的時候别伏，我又有了先入為主的想法，又是印度歌舞勵志片吧忧额。抱著這樣的沒有期待的心情畸肆，我開...
