vue3实现打字机的效果

2023-12-25 13:33:49

前言：

????????vue3项目中实现打字机的效果。

实现效果：

实现步骤：

1、安装插件

npm i vue3typed

2、main.js中配置

import vuetyped from 'vue3typed'

const app = createApp(App)
// 挂载打字机的全局方法
app.use(vuetyped)

3、界面使用

 <vuetyped :showCursor="false" :smart-backspace="false" :strings="writeTextArr" :type-speed="15">
    <div class="typing" />
</vuetyped>
<script setup>
    const writeTextArr = ref([
      "张庚生于1911年，生长在中国旧戏改良、新剧登场这个充满博弈的文化环境中，其思想中既有中国传统戏曲影响下的中国美学理想,又有中国人睁眼看世界的民族视野，并贯穿其研究事业的始终。",
    ]);
</script>

4、api文档

。。。

文章来源:https://blog.csdn.net/qq_41619796/article/details/135195394
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。