效果展示:
方法一:(js)
思路:通过js修改dom的visibility、opacity的属性来实现效果。
<div id="remind">
{
{
changeState ? "添加至购物车" : "从购物车删除" }}
<div class="triangle"></div>
</div>
addToCart: function() {
//发送给父组件,在父组件获取该货物的id,并存在vuex中
this.$emit("addToCart");
//控制着提示栏的显示与隐藏
const remind = document.getElementById("remind");
remind.style.visibility = "visible";
remind.style.transition = "opacity 4s";
remind.style.opacity = 0;
setTimeout((