W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
用于設(shè)置頁面切換過渡效果的默認(rèn)屬性值。
默認(rèn)值:
{
name: 'page',
mode: 'out-in'
}
例如 (nuxt.config.js):
module.exports = {
transition: 'page'
// or
transition: {
name: 'page',
mode: 'out-in',
beforeEnter (el) {
console.log('Before enter...');
}
}
}
transition 用于設(shè)置頁面切換過渡效果的默認(rèn)屬性值。想了解當(dāng) transition 的值為對(duì)象類型時(shí)有哪些可用的屬性,請(qǐng)參考 頁面過渡效果配置。
用于設(shè)置布局過渡的默認(rèn)屬性。配置與 layout 相同
默認(rèn):
{
name: 'layout',
mode: 'out-in'
}
例如 (nuxt.config.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
}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: