鍍金池/ 問(wèn)答/HTML5  HTML/ vue改變r(jià)efs的style做動(dòng)畫(huà)沒(méi)有效果

vue改變r(jià)efs的style做動(dòng)畫(huà)沒(méi)有效果

我在網(wǎng)上看別人代碼做動(dòng)畫(huà)效果的時(shí)候，別人都可以利用ref直接this.$refs.a.style.transfrom = "translate(a,b)"改變?cè)氐膕tyle來(lái)做動(dòng)畫(huà)效果，但是我也同樣使用卻沒(méi)有效果，我寫(xiě)好一個(gè)有動(dòng)畫(huà)的class用：class添加卻又效果，請(qǐng)問(wèn)我是哪里出問(wèn)題了，是我寫(xiě)錯(cuò)了嗎

回答
編輯回答
怣人

translate里的變量a和b是你定義的,怎么能包在雙引號(hào)里傳嘞?

this.$refs.a.style.transfrom = "translate("+a+"px,"+b+"px)";

我猜你應(yīng)該這樣寫(xiě)才對(duì), 不過(guò)ref直接操作dom這種方法我覺(jué)得迫不得已才會(huì)用, 一般不應(yīng)該是:class來(lái)做動(dòng)畫(huà)么? 或者用:style="...."

clipboard.png

2018年8月16日 15:51
編輯回答
空白格

vue自己就有動(dòng)畫(huà)啊

2017年8月18日 12:12