10.11 父子组件之间的通信、判断数组中的元素是否全为空、小程序原生组件层级问题、在foreach中使用return不能终止循环

一、父子组件之间的通信

子组件

kotlin 复制代码
this.$emit('screenDetail', this.formData)

父组件

ini 复制代码
<screening  @screenDetail="handlerWithArg($event)"/>
  • 子组件的this.formData传给父组件就为$event

二、js 判断数组中的元素是否全为空

使用filter方法

arr.filter( a => x )返回的是数组 a是arr数组中的每一个元素,x是判断条件

kotlin 复制代码
if (arr.filter(item => !!item).length > 0) {
    this.amountKey = true;
    console.log('数组不为空'+ this.amountKey);
} else {
    this.amountKey = false;
    console.log('数组为空' + this.amountKey);        
  }

三、小程序原生组件层级问题

  • 问题描述:使用了外部组件和小程序原生组件,发现原生组件始终在页面最上方。
  • 解决方法 :使用了<cover-view>:覆盖在原生组件之上的文本视图。

四、在foreach中使用return不能终止循环

  • forEach中的return只能作用于当前循环回调函数的退出,而forEach循环仍然继续执行。
相关推荐
江城开朗的豌豆几秒前
小程序登录不迷路:一篇文章搞定用户身份验证
前端·javascript·微信小程序
aesthetician5 分钟前
React 19.2.0: 新特性与优化深度解析
前端·javascript·react.js
Django强哥8 分钟前
JSON Schema Draft-07 详细解析
javascript·算法·代码规范
FIN666820 分钟前
射频技术领域的领航者,昂瑞微IPO即将上会审议
前端·人工智能·前端框架·信息与通信
U.2 SSD29 分钟前
ECharts漏斗图示例
前端·javascript·echarts
江城开朗的豌豆29 分钟前
我的小程序登录优化记:从短信验证到“一键获取”手机号
前端·javascript·微信小程序
excel33 分钟前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js
IT_陈寒40 分钟前
Java性能优化:这5个Spring Boot隐藏技巧让你的应用提速40%
前端·人工智能·后端
勇往直前plus1 小时前
CentOS 7 环境下 RabbitMQ 的部署与 Web 管理界面基本使用指南
前端·docker·centos·rabbitmq
Never_Satisfied1 小时前
在JavaScript / HTML中,Chrome报错此服务器无法证实它就是xxxxx - 它的安全证书没有指定主题备用名称
javascript·chrome·html