您可以将VueJS过渡组功能与pug模板一起使用吗？

Question

是否可以将过渡组与pug模板一起使用？

.events-list
  transition-group(name="list")
    .event(v-for="(event, index) in showing" :key="event.id" :style="{'background-image': `url(${event.image.fields.file.url})`}")

这样的事情会起作用吗？如果是这样，如何创建过渡效果？

Answer 1

是的，它确实有效。 我没有看到它在起作用，因为不幸的是，它不适用于“ flex”显示器，一旦我更改为显示“ block”或“ inline-block”，它便又开始工作了。