[Vuejs]-How to use set timeout in v-for loop in vue js?

by

0👍

Something like this?

<script setup>
import {ref, computed} from 'vue'
const Paragraph = "Includes The Plan, The Thought Process, Action, And Implementation. Planning Gives More Power Over The Future. Planning Is Deciding In Advance What To Do, How To Do It, When To Do It, And Who Should Do It. This Bridges The Gap From Where The Organization Is To Where It Wants To Be."
const count = ref(0)
const characterArray = computed(()=>Paragraph.slice(0,count.value).split(''))
const startTimer = () => setInterval(() => count.value++ ,100)
</script>

<template>
<button @click="startTimer">click me</button>
  count: {{count}}
<p>
   <span v-for="char in characterArray" :key="char">{{char}}</span>
</p>
</template>

Note: this counter never stops. You should find a way to stop it.

Leave a comment