由于我是 Vue 转换的新手,所以问一个简短的问题。我的问题是是否可以将过渡应用于元素/组件而不重新渲染它。因此,不能使用 v-if 或 v-show。我的用例是通过按两个不同的标题栏按钮来扩展和缩小 div 组件,因此我不希望元素在转换时重新渲染。感谢您的回答!
从下面的代码中,我想在按下“最大化”按钮时应用展开过渡,并使用“最小化按钮”反转过渡
<template>
<transition name="expand">
<div>
<div class="title-bar-controls" @mousedown.stop>
<Button aria-label="Minimize" @click="windowToggle('minimize')"></Button>
<Button aria-label="Maximize" @click="windowToggle('maximize')"></Button>
<Button aria-label="Close" @click="hideContainer"></Button>
</div>
</div>
</transition>
Run Code Online (Sandbox Code Playgroud)