API transition属性
transition 配置
Type: String 或 Object
用于设置切换过渡的认值。
认值:
{ name: 'page', mode: 'out-in' }
例如 (nuxt.con.js):
module.exports = { transition: 'page' // or transition: { name: 'page', mode: 'out-in', beforeEnter (el) { console.log('Before enter...'); } } }
transition 用于设置切换过渡的认值。想了解当 transition 的值为对象类型时有哪些可用的,请参考过渡配置。
类型: String 或 Object
用于设置布局过渡的认。配置与 layout 相同
认:
{ name: 'layout', mode: 'out-in' }
例如 (nuxt.con.js):
export default { layoutTransition: 'layout' // or transition: { name: 'layout', mode: 'out-in' } }
全局配置示例 css:
.layout-enter-active, .layout-leave-active { transition: opacity .5s } .layout-enter, .layout-leave-active { opacity: 0 }