vue鼠標懸停事件實例詳解

這篇文章主要介紹了vue鼠標懸停事件,本文通過示例代碼給大家介紹的非常詳細,具有一定的參考借鑑價值 ,需要的朋友可以參考下

具體代碼如下所述:

v-bind:title="message"

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>vue實例化</title>
</head>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<div id="app-2">
 <span v-bind:title="message">
  鼠標懸停幾秒鐘查看此處動態綁定的提示信息!
 </span>
</div>
<script type="text/javascript">
var app2 = new Vue({
 el: '#app-2',
 data: {
  message: '頁面加載於 ' + new Date().toLocaleString()
 }
})
</script>
</body>
</html>

總結

以上所述是小編給大家介紹的vue鼠標懸停事件實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章