pullDown传值问题

pullDown传值问题

在home/index.vue中   <me-scroll :data="recommends" pullDown>    

这里的pullDown 没有定义, 在子组件scroll/index接收后  默认收到的就是是 boolean类型的 true?   

正在回答

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

4回答

你好,这个是个布尔值,默认是false,若在父组件中传递该属性,就是true,不传递的话,就是默认的false,可以在不传递的情况下,输出测试下。

祝学习愉快!

好帮手慕糖 2018-10-09 12:03:56

你好,这里home/index.vue是父组件,scroll是被引入的组件,是子组件;

props组件一般用于嵌套内外层组件中、负责传递传递数据、通常是由父层组件向子层组件传递。

这里是由于父组件向子组件传递了pullDown这个属性,子组件中以对象的方法接收时,父组件传入的对象由子组件接收时拆分成对象形式。这里是在子组件有初始化,所以父组件中不需要初始化。可以看下是要了解这个吗?若还是不清楚,建议:可以详细的表达下需求。

祝学习愉快!

  • 提问者 qq_书山压力大EE_0 #1
    在scroll/index中 methods的scroll函数 有段代码 if (swiper.translate > 0) { if (!this.pullDown) { return } ................ 这里只有pullDown为true时,才会继续执行, 否则就return , 从运行效果看,这里的pullDown 是true 而非false , 而scroll/index的props中pullDown的默认值为false, 但是我看了很久也没发现有把pullDown置为true的代码 。 请问pullDown是在那里变成true的?
    2018-10-09 15:49:19
好帮手慕糖 2018-10-09 10:17:28

你好,在home/index.vue是不需要定义的,如下,在home/index这个页面中,是导入了scroll这个组件。默认是false。

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

祝学习愉快!

  • 提问者 qq_书山压力大EE_0 #1
    home/index.vue中传给MeScroll的 pullDown 如下代码 <me-scroll :data="recommends" pullDown @pull-down="pullToRefresh" > 这里的pulldown没有定义, 但mescroll接收到的pulldown必须是true才会开启下拉刷新功能。 从运行结果看 pulldown就是true 请问如何解释?????
    2018-10-09 10:27:16
  • 提问者 qq_书山压力大EE_0 #2
    您再仔细看一下 我的问题。。 感觉回答的 都不是我想要的
    2018-10-09 10:28:58
  • 提问者 qq_书山压力大EE_0 #3
    pulldown是 home/index.vue 给 mescroll的, 不是mescroll通过导入 给home/index.vue的
    2018-10-09 10:31:44
好帮手慕糖 2018-10-09 09:52:28

你好,没有定义,运行的时候报错了哦,接着往下就有定义了哦,例:

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

若能帮助到你,望采纳。

祝学习愉快!

  • 提问者 qq_书山压力大EE_0 #1
    home/index.vue没有定义啊 你回复的是scroll/index接收时props中的定义。
    2018-10-09 09:55:19
  • 提问者 qq_书山压力大EE_0 #2
    再重复一遍我的问题: home/index.vue中的 pullDown没有定义, 但传给scroll/index.vue以后 scroll/index.vue就收到的明显就是true。 boolean类型在传值的时候可以不定义,默认值就是true吗?
    2018-10-09 09:58:10
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

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

在线咨询

领取优惠

免费试听

领取大纲

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