$refs[this.letter]问题

来源:8-6 Vue项目城市选择页 - 兄弟组件数据传递

精慕门8222655

2018-11-21

老师你好,

		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符号打出来乱码用¥表示了)

写回答

2回答

jym168019028

2018-12-14

我也是卡在这里了。求解答。//img.mukewang.com/szimg/5c13524b00012f1d09960433.jpg

0
0

Dell

2018-11-22

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

0
1
Dell
letter的值是0正常么?如果正常,那么this.$refs[0]不存在,肯定是refs出了问题,问题在哪呢?是不是应该去看下手册,查一下ref的使用,然后回来自己分析下呢?
2018-12-16
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程