在vue组件化开发,出于某些特殊要求需要再次重绘页面.如页面缩放的时候导致布局出现错乱,等等.
最好的方法:在组件上进行 key 更改
<template>
<div class="box_search" :key='show'>
</div>
</template>
<script lang="ts" setup>
const show=ref(1)
// 触发函数
const FN=()=>{
show.value += 1
}
// 当页面缩放时重新渲染
window.onresize = function () {
FN()
};
</script>
每次组件的key变化时,组件都会渲染一次