Vue 中 利用V-on:click來設定點擊事件。

首先Html先設定如下:

1
2
3
 
<div id="timeDiv" v-on:click="getTime">
    {{content}}
</div>

 

建立Vue控制目標(此範例為timeDiv)，onclick方法名稱將放置於Vue 控制元件中的methods之中，格式如下:

 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
 
<script>
    let timeData = {
        content: '點我看時間',
    }
    let timeDiv = new Vue({
        el: '#timeDiv',
        data: timeData,
        methods: {
            getTime: () => {
                console.log(String(new Date()))
                alert(String(new Date()))
            },
        },
    })
</script>

 

(完整專案連結)

arrow
arrow
    文章標籤
    vue.js
    全站熱搜

    Lung-Yu,Tsai 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄