国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

Vue實現簡單的跑馬燈

瀏覽:51日期:2023-01-19 08:40:17

Vue實現滾動字條/跑馬燈,供大家參考,具體內容如下

內容不多,直接看代碼吧

<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <title>Title</title> <script src='http://www.cgvv.com.cn/資料/js/vue.js'></script> <!-- 引入Vue--> </head> <style> *{ text-align: center; } </style><body><div id='app'> <h1>{{txt}}</h1> <button @click='run'>開始</button> <button @click='stop'>停止</button></div></body></html><script> new Vue({ el:’#app’, data:{ txt:'吾疑君馭車而飚之,然苦于無證以示眾。', timer:null }, methods:{ run(){ if(this.timer != null){ return; } this.timer = setInterval(()=>{ let start = this.txt.substring(0,1);//截取下標為0的字符串 let end = this.txt.substring(1);//截取從下標為1到結束的字符串 this.txt = end + start; },300); }, stop(){ clearInterval(this.timer) } } })</script>

效果如下圖:

Vue實現簡單的跑馬燈

更多文章可以點擊《Vue.js前端組件學習教程》學習閱讀。

關于vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。

更多vue學習教程請閱讀專題《vue實戰教程》

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 澳门毛片免费观看 | 国产三级a三级三级 | 欧美美女视频网站 | 美女国产在线观看免费观看 | 日本一级特黄在线播放 | 伊人狠狠丁香婷婷综合色 | 欧美日韩看看2015永久免费 | 午夜影院a | 黄色网址在线免费看 | 68 日本xxxxxxxxx 视频 | 国产成人久视频免费 | 亚洲欧美另类色妞网站 | 亚洲精品一区二区三区美女 | 一级毛片aaa| 日本s色大片在线观看 | 亚洲精品一区二区久久这里 | 精品视频在线看 | 亚洲国产欧美自拍 | 国产成人精品男人免费 | 国产亚洲精品一区二区 | 国产精品推荐 | 精品久久久久久久久久久久久久久 | 亚洲视频在线观看网站 | 欧美日韩亚洲高清不卡一区二区三区 | 老司机成人免费精品视频 | 免费特黄一级欧美大片在线看 | 欧美做暖小视频xo免费 | 男人桶女人逼 | 欧美一区不卡二区不卡三区 | 亚洲国产成人九九综合 | 黄色网址免费在线 | 亚洲精品综合一区二区三区在线 | 亚洲欧美在线免费 | 精品国产精品国产 | 久久青草免费免费91线频观看 | 国产精品久久久久久一区二区 | 影院亚洲 | 久久久久视频精品网 | 欧美一a级做爰 | 美女和男人免费网站视频 | 黄频漫画 |