vue.js2.0怎么实现多个元素的过渡？

<div id="d2"> <button @click="flag=!flag">切换</button&优艾设计网_PS论坛gt; <br><br> <transition>//这里为什么加入name="fade",设置fade-enter类名没效果? <button v-if="flag">save</button> <button v-else>edit</button> </transition> </div>

var vm2 = new Vue({el: "#d2", data:{ flag:true, }});

.fade-enter-active,.fade-leave{ transition: 3s; margin-left: 10px; } .fade-enter,.fade-leave-active{ margin-left: 100px; }

这里transition标签怎么设置才能出现过渡效果谢谢

---

睿智奔腾小马 优艾设计网_电脑技术 2022-06-29 08:19

transition 要设置什么属性接受渐变， 比如 all

---

Z丶P_323 优艾设计网_设计百科 2022-06-29 08:21

---

NAN_366 优艾设计网_PS交流 2022-06-29 08:29

标签button相同要加上key

---

205****071 2022-06-29 08:33

优艾设计网_设计客

没有理解情况，请看官方解释

---