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循环仍然继续执行。
相关推荐
BillKu几秒前
Vue3应用执行流程详解
前端·javascript·vue.js
欧阳天风11 分钟前
链表运用到响应式中
javascript·数据结构·链表
Codebee16 分钟前
OneCode 移动套件多平台适配详细报告
前端·人工智能
你知唔知咩系timing啊19 分钟前
🎙️ 站在巨人肩膀上:基于 SenseVoice.cpp 的前端语音识别实践
前端
一位搞嵌入式的 genius19 分钟前
前端开发核心技术与工具全解析:从构建工具到实时通信
前端·笔记
littleplayer21 分钟前
Redux 中›ABC三个页面是如何通信的?
前端
安卓开发者21 分钟前
鸿蒙NEXT的Web组件网络安全与隐私保护实践
前端·web安全·harmonyos
程序员NEO30 分钟前
3分钟搞定Vue组件库
前端
程序员NEO33 分钟前
WebStorm代码一键美化
前端
前端农民工ws1 小时前
Vue 框架的 markdown 渲染组件,针对 AI 的 markdown 流式传输场景
前端·javascript·vue.js·ai