Vueのダイナミック設定styleにトランジションアニメーションを追加し、V-showを使用しない
576 ワード
使用:styleでcontentStyleObjを設定する
data () {
return {
titleName: ' ',
titleUrl: '',
contentStyleObj: {
height: ''
},
center: { lng: 0, lat: 0 }, //
zoom: 3 //
}
},
そしてページに入ると
mounted () {
this.contentStyleObj.height = window.innerHeight - 44 + 'px'
}
これにより、アニメーションを書くときに、現在のstyle属性にtranを加えることができます...トランジションアニメーション