砌体-墙壁包装:如何使用与NuxtJS2和SSR？

Question

我试图在我的NuxtJS (v2.15.7)应用程序中使用NuxtJS来给它提供一个砖石布局。根据文档的说法，vue-砖墙包装是"SSR友好的“。它的声明是简单地添加:ssr="{columns: 2}"到砌体，以便在SSR期间，它将被加载在2列。

我在我的代码(这里的密码箱)中尝试了这一点。但是，在SSR期间，没有装载任何东西。

，有谁知道发生了什么事，为什么我看不到任何东西？它在客户端模式下运行良好。。

代码示例：

<vue-masonry-wall :items="items" :options="{width: 300, padding: 12}" :ssr="{columns: 2}" @append="append">
  <template v-slot:default="{item}">
    <div class="item">
      <h5>{{item.title}}</h5>
      <p>{{item.content}}</p>
    </div>
  </template>
</vue-masonry-wall>

Answer 1

一种选择是只在客户端运行它，因此：

1-如果加载为插件，全局:将以".client“结尾的插件文件命名，例如：‘vue-.client.js’

2-如果用作模块，您可以用标签包装它。