亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

vue的 過渡動畫 可以不通過 show if 觸發嗎？ 怎么做呢？？

vue的 過渡動畫 可以不通過 show if 觸發嗎？ 怎么做呢？？

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

1 回答

?
慕田峪7331174

TA貢獻1828條經驗 獲得超13個贊

可以按普通的css3動畫思路來實現。

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

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

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


查看完整回答
反對 回復 2018-09-23
  • 1 回答
  • 0 關注
  • 2683 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號