上海网站建设口碑好,聚通装潢上海各门店地址电话,汉中住房和城乡建设部网站,WordPress 分类目录 加斜杠目录 Blue留言#xff1a;
效果图#xff1a;
实现思路#xff1a;
代码#xff1a;
1、空字符串与需渲染的字符串的定义
2、vue的插值表达式
3、函数
4、mounted()函数调用
结语#xff1a; Blue留言#xff1a; 在国庆前夕#xff0c;突发奇想#xff0c;我想…目录 Blue留言
效果图
实现思路
代码
1、空字符串与需渲染的字符串的定义
2、vue的插值表达式
3、函数
4、mounted()函数调用
结语 Blue留言 在国庆前夕突发奇想我想自己给自己做一个个人博客网站但是我个人时间实在是太有限了自己还有竞赛没完成考研也在准备怕不太好就去自己的微信群里面问了问里面的大佬们。 大佬给的回复 既然如此为了更加坚定我做网站的信念因为我太懒了上一个留的vue组件库的坑我都还没填好像代码我都删了我就让一些不太会技术的同班同学组一个队伍。然后以这个个人博客管理系统为题目去打竞赛这样我就算不想做了也得管他们不得不做。算是背水一战(_;) 那么国庆我就抽了点时间开始写了反正比赛也挺早的在下一年的4月左右吧也可以慢慢摸鱼了。好了废话不多说了开始说正题这篇博客写的是我写网站的时候用到的一个思路在网页实现文字的逐个显现我们来看效果图。 效果图 实现思路 实际上思路很简单在vue2中我们定义两个字符串一个字符串A为我们需要渲染在网页上的文字一个字符串B为空字符串。然后将空字符串B的这个变量利用vue2的一个特性{{变量B}}插值表达式嵌入进代码中写一个函数这个函数的功能是将字符串中A中的每一个字符取出来追加到空字符串B中至于时间的把控我们可以用定时器来处理设置自己想要的时间然后每过多少秒执行一次追加。最后在mounted()函数中我们去调用它 代码
1、空字符串与需渲染的字符串的定义 2、vue的插值表达式 3、函数 showText() {const interval setInterval(() { if (this.index this.fullText.length) { this.displayedText this.fullText[this.index]; this.index; } else { this.index 0 // 清除定时器 this.displayedText} }, 300); // 每300毫秒显示一个字符 },
4、mounted()函数调用 结语 等我写完了这个网页比完赛了就开源出来虽然写的很史但我还是不要脸的去展现自己了。 你好,我是Blue. 为帮助别人少走弯路而写博客 如果本篇文章帮到了你 不妨点个赞吧~ 我会很高兴的 (^ ~ ^) 。想看更多 那就点个关注吧 我会尽力带来有趣的内容 。 如果你遇到了问题自己没法解决可以私信问我。 感谢订阅专栏 三连文章