有两点疑问,请老师解答

有两点疑问,请老师解答

  1. :key="key" 与this.letter 都是代表ABCD·····

  2. this.$refs.key 与this.$refs[this.letter]都是访问DOM元素的,为啥两者不一样呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-05-30 19:11:12

同学你好,理解的有些偏差。具体可以参考如下解析:

  1. :key="xx”只是给元素绑定了一个key属性。并不是为了获取DOM元素的。

  2. this.$refs.xx这种写法表示: 通过标签上ref属性对应的属性值,获取指定的DOM元素

示例:只有ref属性才可以获取dom元素

http://img1.sycdn.imooc.com//climg/5ed23f2d099e121b08140381.jpg

http://img1.sycdn.imooc.com//climg/5ed23f3b09c9d22b05620175.jpg

祝学习愉快~

好帮手慕慕子 2020-05-30 14:42:04

同学你好,对于你的问题解答如下:

  1. 两者还有区别的,如下:

    (1):key="key"表示在循环列表时,给每一个列表项动态绑定key属性,值为当前列表项对应的字母。

    (2)this.letter表示点击右侧列表时,当前被点击的字母。

  2. 两者的区别如下:

    (1)this.$refs是获取标签上ref属性对应的值。

    http://img1.sycdn.imooc.com//climg/5ed1fc78095687ae05860200.jpg

    (2)this.$refs.key表示获取ref属性值key的元素,列表渲染时,动态绑定的ref属性值为A、B等值,没有key这个属性值,所以是无法通过this.$refs.key获取元素的。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕函数4234673 #1
    之前老师不是讲的:key="XX"那么this.$refs.XX不是获取的DOM的根元素吗?怎么这里 就无法通过this.$refs.key获取元素呢?有点蒙
    2020-05-30 16:49:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师