您当前的位置: 首页 > 

王佳斌

暂无认证

  • 3浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

vue实现网页标题(title)文字滚动效果

王佳斌 发布时间:2019-07-30 11:42:08 ,浏览量:3

实现思路

通过 document.title 获取标题,存放在 data 属性中。然后在 methods 属性中定义 TitleScrolling () 方法用于调用。每次截取首字符串与除首字符串外所有字符串,头尾拼接后赋给 data 对应属性,然后再赋给 document.title(最终显示),最后套上 setInterval 定时器实现每隔一定时间内截取拼接,所呈现的就是文字滚动。

注意:这里使用ES6箭头函数,解决了this指向vue实例的问题。

code

标签中的文字会自动获取,只需调用TitleScrolling()方法即可实现标题文字滚动。

var vm = new Vue({
   
  el:'#app'
关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0389s