如何在侧边栏右侧添加组件？

Question

我有以下代码：

<template>
    <div class="main">
        <sidebar />
        <router-view />
    </div>
</template>

侧边栏的宽度为260px。我希望添加到路由器视图中的组件不会在边栏“后面”。它应该在侧栏的右侧。我考虑过添加260px的左边距，但是不确定它是否足够健壮。在侧边栏右侧添加组件的最佳方法是什么？

Answer 1

如果边栏宽度是固定的，那么最好和最简单的方法就是使用margin-left。否则，您可以添加窗口调整大小侦听器，以通过计算侧边栏宽度从javascript动态调整左边距。

您可能还会对Vue组件框架感兴趣，例如Vuetify或Quasar