关于v-if='pullDown'

来源:5-1 下拉刷新--变化提示文字

soso_crazy

2019-08-13 21:34:12

pullDown: {
 type: Boolean,
 // 默认值是false,即是没有mine-scroll-pull-down这个div元素,使用时需要在父组件中传pullDown <me-scroll :data="recommends" pullDown>
 default: false
}


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


在父组件中调用时,传pullDown

<me-scroll :data="recommends" :pullDown="!pullDown">

<me-scroll :data="recommends" pullDown>

这两种写法都可以达到相同的效果,为什么可以直接写一个pullDown?

es6的写法 pullDown:pullDown就可以简写为pullDown,但是pros中定义的pullDown默认值是false,为什么单写一个pullDown仍然能够让loading的组件渲染

写回答

1回答

好帮手慕慕子

2019-08-14

同学你好, 首先, 你的前面理解都是对的

pullDown简写, 相当于将pullDown的值设置为true

http://img.mukewang.com/climg/5d5399e10001195105730055.jpg

可以在子组件中,打印出入的pullDown值

http://img.mukewang.com/climg/5d53770b0001813406070119.jpg

http://img.mukewang.com/climg/5d53771600017c9f02640047.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 10739 问题

查看课程