vue.js 配合css3 动画

methods    : {
      adviceFadeIn() {
        this.$refs.adviceList.forEach((v, i) => {
          var delay  = i*60
          var bottom = 0  //清空bottom的值。
          v.style.bottom = ‘-2rem‘ //确保每次点击触发动画前先让列表归位。
          setTimeout(() => {
            bottom = (2.5*(this.$refs.adviceList.length-i))+1
            v.setAttribute(‘style‘, ‘bottom:‘+Number(bottom)+‘rem;‘)
            v.style.opacity = 1
          }, delay)
        })
      },
}

.question-list{
  position: absolute;
  opacity: 0;
  bottom: -2rem;
  left: 1.5rem;
  font-size: .84rem;
  width: 14rem;
}

.question-list{
  transition: all .5s linear;
}

setAttribute(‘style‘, ‘transition: all .5s linear‘ + i + ‘s’;‘)