$refs[this.letter]问题

Question

老师你好，

		letter () {
			var a 
			if (this.letter) {
				const element = this.$refs
				console.log(element)
			}
		}

	<div id="root3">
		<counter ref="one" @change="handleChange"></counter>	
		<counter ref="two" @change="handleChange"></counter>
		<counter ref="c" @change="handleChange"></counter>
		<counter ref="d" @change="handleChange"></counter>
		<counter ref="e" @change="handleChange"></counter>
		<counter ref="f" @change="handleChange"></counter>
		<counter ref="g" @change="handleChange"></counter>
		<!-- 两个counter的总数	 -->
		<div>{{total}}</div>
	</div>

<script>
		vm3 = new Vue({
			el: "#root3",
			data: {
				total: 0,
			},
			methods: {
				handleChange: function () {
					this.total = this.$refs.one.number + this.$refs.two.number;
					console.log(this.$refs)
				}
			}
		})
</script>

第一段代码是实战中：console.log(this.$refs)是一个数组
自己拿之前老师讲的实例：console.log(this.￥refs)却是一个对象（所以采用"."来访问对吧）
问题：请问一下在什么情况下 console.log(this.￥refs)打印出来是一个数组呢？

（dollar符号打出来乱码用￥表示了）

Answer 1

jym168019028 2018-12-14 14:48:53

我也是卡在这里了。求解答。

Answer 2

Dell 2018-11-22 00:34:10

我记得如果ref写在组件上，返回的是一个数组

• Dell #1

  letter的值是0正常么？如果正常，那么this.$refs[0]不存在，肯定是refs出了问题，问题在哪呢？是不是应该去看下手册，查一下ref的使用，然后回来自己分析下呢？