国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 亚洲精品日韩专区在线观看 | 国产亚洲欧美久久精品 | 福利姬在线精品观看 | 女人张开腿男人猛桶视频 | 中文字幕有码在线视频 | 午夜不卡视频 | 亚洲精品国自产拍在线观看 | 在线成年人网站 | 日韩一级片网址 | 毛片免费全部播放一级 | 精品国产不卡一区二区三区 | 国产成人一区二区在线不卡 | 亚洲欧美一区二区三区久本道 | aa级毛片毛片免费观看久 | 在线看国产视频 | 国产主播福利精品一区二区 | 美女一级毛片免费看看 | 99免费精品 | 又黄又www| 久久精品国产第一区二区 | 国产区一区二区三 | 国产性精品 | 九月婷婷亚洲综合在线 | 国产高清专区 | 欧美一区二区三区在线播放 | 香港三级日本三级人妇三级四 | 欧美日韩一级黄色片 | 欧洲成人免费视频 | 国产深夜福利视频观看 | 草草视频在线观看最新 | 99精品久久秒播无毒不卡 | 欧美成人亚洲欧美成人 | 欧洲成人在线视频 | 亚洲视频在线网站 | 精品老司机在线视频香蕉 | 欧美freesex10一13黑人 | 国产在线精品成人一区二区三区 | 男人的天堂免费视频 | 国产男女交性视频播放免费bd | 91精品国产91热久久久久福利 | 亚洲第一免费播放区 |