使用this.$refs[this.letter]取到结果为undefined

Question

老师您好，请问一下点击右侧滑动字母时，letter监听方法中，letter值可以取到，但是通过this.$refs[this.letter]取DOM对象时结果为undefined时什么原因呢？

console.log(this.letter)
console.log(this.$refs)
console.log(this.$refs[this.letter])
console.log(this.$refs.A)

以下结果时上面4行代码在浏览器中的执行结果

Answer 1

提问者 DenGe1 2019-02-04 12:35:00

已经解决啦，右侧滑动字母li标签循环时换行，导致标签里字母前面有一个空格，所以在list.vue里取到的letter值其实是' A'，而不是'A'，所以无法通过$refs找到对应的DOM

• 耿直的老铁 #1

  您好请问怎么解决这个空格的问题

• 慕粉7057323 回复 耿直的老铁 #2

  去掉空格就好了
  watch:{
    	letter () {
    		if (this.letter) {
    			var e = this.letter.trim() 
    			var element = this.$refs[e][0]
    			this.scroll.scrollToElement(element)
    		}
    	}
    }