小程序小程序

小程序里的自定义组件(八):slot插槽的使用

2019-02-14  本文已影响24人  程序员三千_

我们新建一个组件v-test,在组件的wxml里,写入一个slot,名字为after。

在组件的js代码里记得启用多slot支持:

在page页面调用组件的时候,例如我想在组件v-test里加入一个text标签,就可以这样写:

插槽slot什么时候能用到呢?

举个例子,比如我们有个组件v-test,它在页面1时,只显示一张图片,而在页面二的时候,要在图片的右上角多显示一个数量,这是我们就可以把这个显示数量的标签,用一个slot来代替,在页面1的时候,不使用它,在页面2的时候,用text标签作为这个插槽slot的内容,这样就实现了这个需求。

上一篇 下一篇

猜你喜欢

热点阅读