Vue3中<template>元素上使用v-if的动态切换 官网
我们能动态改变 v-if 的条件值,从而实现内容的显示与隐藏。 template v-if="isShow" div可见内容/div/templatebutton @click="isShow =!isShow"切换显示/buttonscript setupimport { ref } from 'vue';const isShow = ref(true); // 运行结果:初始显示div,点击按钮后切换显示状态/script 动态切换时要确保条件值类型为布尔值。