Vue-砖石插件不适用于Vuetify
我试图实现砖石网格通过vue-砖石插件。我使用Nuxt和Vuetify。似乎瓦耶-砖石不起作用的vuetify。
- I将vue-mashonry.js作为插件连接到我的Nuxt项目中。
从' Vue‘导入{VueMasonryPlugin}，从'vue-masonry’Vue.use(VueMasonryPlugin)导入vue
- I在nuxt.config.js中安装插件
插件：{ src：'~/plugins/vue-masonry'，ssr: false }，
- 下一步，我尝试使用vuetify网格和vue-
- ，这里的东西被破坏了。
{{card.title}{card.text}导出默认{card.text(){返回{卡：{ id: 1，标题：“标题”，文本："Lorem Ipsum只是印刷和排版行业的虚拟文本。自从1500年代以来，Lorem Ipsum就一直是业界标准的虚拟文本，当时一台未知的打印机拿出一台打字机，并将其置乱为“，}，{ id: 2，标题：”新的一种“，文本："Lorem Ipsum当一台未知的打印机拿出一台打字机，并将其置乱以制造”，}，{ id: 3，，标题：“标题”，文字："Lorem Ipsum只是印刷和排版行业的虚拟文本。拿出一个小厨房的类型，并把它拼成“，}，{ id: 4，标题：”标题，文本："Lorem就是虚拟的。“Lorem Ipsum是当一台不知名的打印机拿出一台打字机，把它弄成“，}，{ id: 5，标题：”标题“，文本："Lorem Ipsum只是印刷和排版行业的虚拟文本时。Lorem Ipsum是当一台不知名的打印机拿出一台打字机，把它弄成“，}，{ id: 6，标题：”标题“，文本："Lorem Ipsum只是印刷和排版行业的虚拟文本时。一个打字的厨房，把它拼成“，}，{ id: 7，标题：”标题“，”文字："Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum是当一台不知名的打印机拿出一台打字机，把它弄成“，}，{ id: 8”，标题：“标题”，文本："Lorem Ipsum只是印刷和排版行业的虚拟文本。“Lorem Ipsum是当一个不知名的打印机拿出一个厨房，}，{ id: 9，标题："title"，文本："Lorem Ipsum是当一个未知的打印机拿出一台打字机，把它搅乱成“，}，{ id: 10，标题："title"，文字："Lorem Ipsum就是简单的工业“，}，；}，}；
砖石格栅不会出现，只会用卡片清晰地装饰格栅。
怎样才能实现砌体网格的认证？我将很高兴有任何建议和实现砖石网格与vuetify。
回答 1
Stack Overflow用户
发布于 2020-08-21 09:49:49
我找到了一个正确的网格解决方案的vue-砖石与虚拟！它的作用就像魅力=)
<template>
<v-container>
<v-row
v-masonry
origin-left="true"
horizontal-order="true"
transition-duration="0.3s"
item-selector=".item"
>
<v-col
v-masonry-tile
class="item"
v-for="card in cards"
:key="card.id"
xs="3"
sm="6"
md="4"
lg="3"
>
<v-card>
<v-card-title>{{ card.title }} {{ card.id }}</v-card-title>
<v-card-text>{{ card.text }}</v-card-text>
</v-card>
</v-col>
</v-row>
</v-container>
</template>https://stackoverflow.com/questions/63475462
复制相似问题
腾讯云开发者
