TypeError: Cannot read properties of undefined (reading ‘style’)
at a.reset (eval at compile
TypeError:无法读取未定义的属性(读取“style”)
在a.reset(编译时评估

先打印style前面的属性看页面上有没有dom元素,有没有style属性

<i ref='slider' @mousedown="rangeMove"></i>
<button @click="reset">重置</button>

methods: {
  rangeMove(e) {
    let ele = e.target;
    ele.style.transition = '.1s all';
    ele.style.transform = 'translateX(' + 10 +'px)';
  },
  reset() {
    if (this.$refs.slider) {
    	this.$refs.slider.style.transition = '.5s all';
    	this.$refs.slider.style.transform = 'translateX(0)';
    }
  }
},

例如:我这边是this.$refs.slider一开始没有获取到,所以后面的.style肯定也获取不到

更多推荐