vue 显示隐藏块

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2610 天前的主题，其中的信息可能已经有所发展或是发生改变。

类似链家左侧这种稍微复杂的显示隐藏块
用 vue 实现的话，也是用 v-show,v-if 吗？
有什么思路？
链家

Vue

链家

隐藏

v-show

2 条回复 • 2017-10-20 16:31:55 +08:00

Mark24

2017-10-20 16:15:34 +08:00

v-show 吧。渲染出来。

官网：
v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。

相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。

一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

个人感觉这块复杂，最好渲染出来，控制显示。而不是每次销毁它。v-show 是合适的选择。

yulitian888

2017-10-20 16:31:55 +08:00

答：一般就是用 v-show
另：不必重复造轮子，对“稍微复杂的”的玩意，如果不是特殊业务领域的话，去找现成的组件不是更好吗？
比如带过渡动画和渐变的，这个就挺好，http://element.eleme.io 其他还有很多，大同小异