$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
我也是卡在这里了。求解答。
00 -
Dell
2018-11-22
我记得如果ref写在组件上,返回的是一个数组
012018-12-16
相似问题