vue强制或手动渲染(重绘)页面,

时间:2025-02-17 08:02:18

在vue组件化开发,出于某些特殊要求需要再次重绘页面.如页面缩放的时候导致布局出现错乱,等等.
最好的方法:在组件上进行 key 更改

<template>
  <div class="box_search" :key='show'>

  </div>
</template>
<script lang="ts" setup>
const show=ref(1)
// 触发函数
const FN=()=>{
 += 1
}
// 当页面缩放时重新渲染
 = function () {
  FN()
};
</script>

每次组件的key变化时,组件都会渲染一次