Vuetify 工具栏对齐路由器链接答案

【问题标题】：Vuetify toolbar alignement router-linkVuetify 工具栏对齐路由器链接
【发布时间】：2019-08-06 05:13:59
【问题描述】：

我是 StackOverflow 的新手，很高兴加入这个社区。p>

我正在尝试使用 Vuetify 开发一个 VueJS 应用程序。

我在顶部有一个工具栏，我想在工具栏标题的左侧有一个徽标。我一直在工作，直到将两者都放入路由器链接中，然后图片在标题上方。

我只是不明白为什么。谁能给我解释一下？

<router-link to="/" align="middle">
  <img src="../assets/logo.png" width="90" height="40" align="middle" margin-right: 20;>
  <v-toolbar-title class="font-weight-light">{{appTitle}}</v-toolbar-title>
</router-link>

【问题讨论】：

很可能是因为当您将图像添加到router-link 时，图像不再适合左侧。你为什么在路由器链接上使用align-middle？

标签： vue.js vuetify.js

【解决方案1】：

<router-link to="/" align="middle">
  <v-toolbar-title class="font-weight-light">{{appTitle}}      <img src="../assets/logo.png" width="90" height="40" align="middle" margin-right: 20;>
</v-toolbar-title>
</router-link>

【讨论】：