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

1,380 阅读1分钟

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



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



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



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

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