【第22-23周 03 1-13 基础语法查缺补漏】为什么是ref="common"而不是ref="common-item"

【第22-23周 03 1-13 基础语法查缺补漏】为什么是ref="common"而不是ref="common-item"

问题描述:

  1. ref获取组件的引用:

       为什么是ref="common"而不是ref="common-item"?

相关截图:

https://img1.sycdn.imooc.com//climg/6240174109e244a000000000.jpg

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

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

1回答
卡布琦诺 2022-03-27 16:22:56

同学你好,这是因为vue规定:当我们想在父组件中调用子组件的方法或属性的时候,需要使用ref用来给元素或子组件注册引用信息,然后将引用信息注册在父组件的 $refs 对象上。简单来说就是需要通过为子组件设置ref,然后通过this.$refs.refName(refName为子组件的ref值)获取到子组件,然后就可以调用子组件的方法和属性。这是vue中规定好的语法。

祝学习愉快!

  • 提问者 easyschen #1
    1. 这句话明白

      https://img1.sycdn.imooc.com//climg/62402273090c639710420066.jpg

            https://img1.sycdn.imooc.com//climg/624022fe098be4c121880358.jpg


            

        2. 但不明白的是:为什么ref="common"。是因为这里是自定义的common吗?

            随便写就行,只要上面的$refs.refName与之对应就行?

    https://img1.sycdn.imooc.com//climg/624022a409e74aa812340618.jpg



    2022-03-27 16:41:35
  • 卡布琦诺 回复 提问者 easyschen #2

    同学你好,ref="xxx"的属性值xxx和$ref.xxx中的xxx 保持一致即可,即$refs.refName中的refName就是ref的属性值refName。课程中代码之所以将ref属性值设置为common,与组件标签common-item的前半部分保持一致,是为了增加代码的阅读性。

    祝学习愉快!

    2022-03-27 16:51:09
  • 提问者 easyschen 回复 卡布琦诺 #3

    明白了,等于这里的common是自定义的。

    我以为跟子组件名有强关联。


    2022-03-27 18:15:14
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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