实现打字效果(文字逐个显示)

一、引入vue3typed插件

1、使用npm i vue3typed 进行安装

2、导入组件,在main.js中插入以下代码

 import vuetyped from 'vue3typed' 

 createApp(App).use(vuetyped).mount('#app') 

3、在组件中使用

二、相关属性解释

 :strings="typingDate" :为vuetyped要输入的文字,typingDate为数组类型

 :showCursor="false" :为是否显示光标,默认为true

 :typeSpeed="200" :为输入速度

其他属性参考:

https://www.nuomiphp.com/github/zh/600bfa8f4f34c64e0170449d.html

实现完成!!!

posted @ 2022-11-13 22:01  殳苓  阅读(3258)  评论(0编辑  收藏  举报