Nativescript Vue：有没有一种方法可以简化组件，而不是突然的显示/隐藏？

Question

我一直在使用v-show，但是有些组件不适合这样做。突然显示或突然隐藏组件是一种令人讨厌的经历。 NS Vue中有什么方法可以使此操作更流畅？我知道transition不支持height，这本来是个很好的解决方案，所以我不知道该怎么办。

Answer 1

您可以只使用Vue包装器transition：

<transition name="fade">
    <Label class="my-label" v-show="show">hello</Label>
</transition>

您可以在css文件或摘要中添加

.my-label {
    height: 80; // or whatever height you want it to have
}