当前位置: 首页 > news >正文

微信小程序 slot 不显示

问题:创建组件,使用带名字的slot,页面调用组件使用slot不显示

源码:

组件xml


<view class="p-item br24" style="{{style}}"><slot name="right" wx:if="{{!custBottom}}"></slot><view class="right-bottom" wx:else><view class="flex_row_st numchange"><text class="minus">-</text><input type="number" class="num-input" value="100"></input><text class="add">+</text></view><button size="mini" class="primary-color btn" bindtap="DoSignOK">添加</button></view></view>
</view>

JS:根据条件判断是否使用slot

Component({properties: {custBottom: {type: Boolean, value: false}},data: {},lifetimes: {attached() {console.log(">>> 被页面调用", this.data)}},methods: {}
});

 页面调用

 <view><productCard custBottom="{{true}}"><view slot="right">TEST</view></productCard><productCard></productCard></view>

解决:

组件加上多slot配置,置为true

options: {multipleSlots: true
},

 修改:

Component({properties: {custBottom: {type: Boolean, value: false}},
options: {multipleSlots: true //增加此配置slot
},data: {},lifetimes: {attached() {console.log(">>> 被页面调用", this.data)}},methods: {}
});

效果:slot出来了。

http://www.lryc.cn/news/210643.html

相关文章:

  • Spring Boot 优雅配置yml配置文件定义集合、数组和Map
  • java+springboot+vue开发的大学生健康检测小程序
  • 从零开始的LINUX(四)
  • 组播应用层收不到问题-接收网卡绑定
  • 回流重绘零负担,网页加载快如闪电
  • QT5.15在Ubuntu22.04上编译流程
  • 【电路笔记】-交流波形和交流电路理论
  • vue2 系列:自定义 v-model
  • 广东木模板批发,建筑桥梁工程专用组合木模板
  • 工业相机常见的工作模式、触发方式
  • 【C语言】指针那些事(上)
  • liunx Centos-7.5上 rabbitmq安装
  • 蓝桥杯学长经验笔记
  • 开发库介绍
  • 基于单片机的智能清洁小车设计—控制系统设计
  • 玩转视图变量,轻松实现动态可视化数据分析
  • 【51单片机】:智能施工电梯系统
  • 前端线上部署,如何通知用户有新版本
  • Debezium日常分享系列之:Debezium2.4版本之用于 MongoDB的Debezium 连接器
  • 编程应用场景:便利店商超进销存管理系统软件,试用版可以免费试用下载
  • 【LInux】进程概念II -- 描述进程
  • 紫光集团、展讯通信、锐迪科(RDA)、紫光展锐以及翱捷科技(ASR)关系梳理
  • 7.多线程之单例模式
  • docker 常用指令
  • Numpy、Pandas、Matplotlib学习(更新ing...)
  • Linux-sdio接口
  • 【MATLAB源码-第62期】基于蜣螂优化算法(DBO)的无人机三维地图路径规划,输出最短路径和适应度曲线。
  • RealVNC Enterprise 7.7.0 Crack
  • Windows下Jenkins自动化部署SpringBoot应用
  • Leetcode59螺旋矩阵2