vue 延迟渲染

<template>

<div v-if="isRendered">

<!-- 这里是需要延迟渲染的内容 -->

<p>这段文本会在组件被渲染后显示</p>

</div>

</template>

<script>

export default {

data() {

return {

isRendered: false // 初始设置为未渲染状态

};

},

mounted() {

// 在组件挂载后，延迟一段时间再渲染内容

setTimeout(() => {

this.isRendered = true;

}, 2000); // 延迟2000毫秒（2秒）

}

};

</script>