vue.js - 您可以将 VueJS 转换组功能与 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})`}")
这样的事情会起作用吗?如果是这样,如何创建过渡效果?
解决方案
是的,它确实有效。我没有看到它在运行,因为不幸的是它不适用于“flex”显示器,一旦我改为显示“block”或“inline-block”,它就会再次开始工作。
推荐阅读
- html - HTML CSS:使父Flex自动等于子项的宽度
- powerbi - 我的措施在日期过滤器的情况下不起作用
- react-native - 我应该如何在这个 fetch 方法中使用 asyncstorage.setItem?
- javascript - 无法在字符串文字运算符中获取索引的值,除了我尝试过的方式之外,还有什么方法可以获取该值?
- sql - 如何将三个表与其他两个返回的多个值行连接起来
- css - 响应式网站不适用于 Css 中的媒体查询
- react-native - “动作可能没有未定义的“类型”
- ruby-on-rails - Rails 在父子关系中访问子兄弟姐妹的最佳方式
- python - 如何在python中使用多个装饰器?
- flutter - 如何使用颤振从应用程序中导出文件中的csv?不使用简单的权限插件和permission_handler 插件