动态绑定 vuetify 布局答案

【问题标题】：Dynamically binding vuetify layout动态绑定 vuetify 布局
【发布时间】：2019-08-05 16:48:59
【问题描述】：

我正在尝试动态绑定组件一部分的布局。我只是没有看到为此绑定的确切道具。

我尝试使用与 justify 挂钩的 v-bind 以及使用 v-bind:style，但没有看到直接的方法。

<v-layout v-bind="{justify: setLayout(isPdfLoaded)}" style="margin-top: 5.5%">


setLayout(bool: boolean): string{
  if(bool === true){
    return 'justify-start'
  } else {
    return 'justify-center'
  }
},

【问题讨论】：

标签： layout vuetify.js

【解决方案1】：

<v-layout :justify-center="!isPdfLoaded" :justify-start="isPdfLoaded" style="margin-top: 5.5%">

最终解决了这个问题。

【讨论】：

【解决方案2】：

使用三元运算符也可以

<v-layout :class="isPdfLoaded ? 'justify-start' : 'justify-center'" style="margin-top: 5.5%">

【讨论】：