如何使用Vue材质在导航栏中使项目左对齐？

Question

我想在导航栏中左对齐以下各项：服务，支持和登录。

这是代码：

<md-whiteframe md-elevation = "1" class = "main-toolbar">
  <md-theme md-name = "teal" >

   <md-toolbar class = "navigation md-primary"  >


<router-link class = "nav-link " :to = " { name: 'Home' }">levi</router-link>



    <router-link class = "nav-link" :to = "{ name: 'Product' }">
        Service 
    </router-link> 

         <router-link class = "nav-link" :to = "{ name: 'Support' }">
        Support
    </router-link>

        <router-link class = "nav-link" :to = "{ name: 'Sign' }">
        Sign in
    </router-link>

</md-toolbar>
    </md-theme>

       </md-whiteframe>

上图是现在的样子。 我想使所有左对齐，除了levi项目。

Answer 1

在服务路由器链接之前添加以下代码：

<v-spacer></v-spacer>