提示訊息可以利用 v-bind:title 設定

1
2
3
 
<div id="timeDiv" v-bind:title="nowTime">
    {{content}}
</div>

然後在Vue 裡面設定提示的內容值為現在時間(此範例的目標標籤為nowTime)，

首先一樣要先建立一個Vue控制元件，並指定控制目標(此案例是id = timeDiv)，

然後設定nowTime為現在時間。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
 
<script>
    let timeData = {
        content: '現在時間',
        nowTime: '目前是' + String(new Date()),
    }
    
    let timeDiv = new Vue({
        el: '#timeDiv',
        data: timeData,
    })
</script>

 

(完整專案連結)

 

 
arrow
arrow
    文章標籤
    vue.js
    全站熱搜
    創作者介紹
    創作者 Lung-Yu,Tsai 的頭像
    Lung-Yu,Tsai

    Lung-Yu,Tsai 的部落格

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

    E-mail轉寄