打字机效果显示





将方法封装起来,随时调用

1.创建js文件

export default {
  data() {
    return {
      typedText: ''
    }
  },
  methods: {
    startTyping(text, delay) {
      let i = 0
      const typingInterval = setInterval(() => {
        if (i < text.length) {
          this.typedText += text.charAt(i)
          i++
        } else {
          clearInterval(typingInterval)
        }
      }, delay)
    }
  }
}

2.vue文件引入使用



你可能感兴趣的:(vue2,前端,javascript,html)