第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue的 過渡動畫 可以不通過 show if 觸發(fā)嗎? 怎么做呢??

vue的 過渡動畫 可以不通過 show if 觸發(fā)嗎? 怎么做呢??

人到中年有點甜 2018-08-03 11:10:53
vue 的過度動畫通過添加 transition 特性,在元素插入刪除或者隱藏顯示時會被觸發(fā), 但是如果我只是想在某項操作后,觸發(fā)一個元素的 vue 動畫該如何實現(xiàn)呢?? <div v-if="editShow" transition="slide-edit-box">    <slot></slot>    <!-- 編輯區(qū)域,插入其他編輯組件 --></div><btn>click</btn>比如上面的代碼,slide-edit-box 的動畫會在 editShow 改變時觸發(fā),但是我現(xiàn)在想在點擊 btn 的時候觸發(fā)動畫效果
查看完整描述

1 回答

?
慕田峪7331174

TA貢獻1828條經(jīng)驗 獲得超13個贊

可以按普通的css3動畫思路來實現(xiàn)。

將transition屬性和初始css動畫屬性定義在一個常駐class上,比如.slide-edit-box。
然后把動畫觸發(fā)之后的css屬性定義在一個新的臨時class上,比如.slide-edit-box-anime

然后給btn綁定一個給動畫dom添加class的方法就可以了。

data () {  return {    class: ''
  }
},
methods: {
  anime () {    this.class = 'slide-edit-box-anime'
  }
}


查看完整回答
反對 回復(fù) 2018-09-23
  • 1 回答
  • 0 關(guān)注
  • 2684 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號