javascript - vue 怎么获取元素？

Question

//报名数的滚动

        var box = document.querySelector('.list-box'),
            boxUl = document.querySelector('.list-box .list-ul'),
            boxLi = document.querySelectorAll('.list-ul li'),
            startX = 0,
            startTime, endTime, moveTime,
            startY = 0,
            moveDistance = 0;
        offLeft = 0;
      console.log(boxLi[0].offsetWidth);
      alert(boxLi[0])
        box.style.width = boxLi[0].offsetWidth * 4 + 'px';
         
        boxUl.style.width =boxLi[0].offsetWidth * boxLi.length + 'px';
       
        var moveWidth = boxUl.offsetWidth - box.offsetWidth;
        
        这上面是一个代码片段，页面是用vue2.0 来做的，boxLi里的li 是 v-for 循环出来的，boxLi[0]怎么都获取不到li，  在vue mounted 这里面执行也不行，最后我用winod.onload 还是无法获致到， 求解决方向法，怎么才能在 vue里获到元素操作？？？

Answer 1

v-ref: dom

this.$refs.dom