ref是什么意思,为什么用的时候要变成$refs

ref是什么意思,为什么用的时候要变成$refs

<div class="mine-scroll-pull-down" v-if="pullDown" >

<me-loading :text="pullDownText" inline ref="pullDownLoading"></me-loading>

</div>

scroll(){

const swiper =this.$refs.swiper.swiper;

if(!this.pullDown){

return;

}

if(swiper.translate > PULL_DOWN_HEIGHT){

this.$refs.pullDownLoading.setText(PULL_UP_TEXT_START);

}

}

}


正在回答

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

1回答

同学你好,1.ref可以获取dom对象,例如:为div设置一个ref属性

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

通过vue提供的this.$refs方法获取:

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

就能获取到这个元素:

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

2.还可以在父组件中使用,如下在父组件调用子组件的时候,给Child1加一个ref属性,通过this.$refs获取的这个整个子组件。

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

把整个子组件child获取到了:

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

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

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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