热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

参数传值,for循环,数组,对象。

2019独角兽企业重金招聘Python工程师标准页面中需要插入组件(新的代码页面)时,就会存在传参的问题。例如页面:在

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

页面中需要插入组件(新的代码页面)时,就会存在传参的问题。例如页面:

23d8529b1bf84ad9c8a4b6bca7c9e39127b.jpg

在此例子中,需要在传的参数包括“标题(党建动态)”、“布尔值(查看更多)”、“数组(内容。发现是个循环)”。

在母组件中代码如下:

在母组件中需要将list参数的值在script中定义出,代码如下: 

list1: [{titled: '政协长葛市第十届委员会第十,...',date: '[01-21]',},{titled: '许昌市委副书记史根治一行莅...',date: '[01-21]'},{titled: '苗村镇传达贯彻全省安全生产...',date: '[01-21]',},{titled: '长市公安局局领导亲切慰问...',date: '[01-21]'},{titled: '长市质量技术监督局组织召...',date: '[01-21]',},{titled: '长社办大千20天,让辖区环...',date: '[01-21]'},{titled: '长社办大千20天,让辖区环...',date: '[01-21]'},{titled: '长社办大千20天,让辖区环...',date: '[01-21]'},{titled: '长社办大千20天,让辖区环...',date: '[01-21]'},]

在子组件(新的代码页面)中需要进行接收参数,script代码如下: 

组件具体的样式就要在子组件中编写。

子组件的html代码如下:

此例子的重点是,字符串,数组,布尔值传参的书写。及for循环


转载于:https://my.oschina.net/u/3949469/blog/3016286


推荐阅读
  • Spring 中策略模式的应用:Resource 接口详解
    本文探讨了在 Spring 框架中如何利用 Resource 接口实现资源访问策略。Resource 接口作为资源访问策略的抽象,通过多种实现类支持不同类型的资源访问。 ... [详细]
  • 本文探讨了 TypeScript 中泛型的重要性和应用场景,通过多个实例详细解析了泛型如何提升代码的复用性和类型安全性。 ... [详细]
  • 用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
    HTTP协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的HTTP的网站是不 ... [详细]
  • web页面报表js下载,web报表软件 ... [详细]
  • 在移动端开发中,多点触控手势是提升用户体验的重要手段。然而,目前只有iOS浏览器原生支持手势事件,其他设备需要通过touchstart、touchmove和touchend等基础事件进行自定义实现。本文将详细介绍如何在Vue项目中实现多点触控手势。 ... [详细]
  • 阿里云 Aliplayer高级功能介绍(八):安全播放
    如何保障视频内容的安全,不被盗链、非法下载和传播,阿里云视频点播已经有一套完善的机 ... [详细]
  • 本文整理了一份基础的嵌入式Linux工程师笔试题,涵盖填空题、编程题和简答题,旨在帮助考生更好地准备考试。 ... [详细]
  • 事件是程序各部分之间的一种通信方式,也是异步编程的一种实现形式。本文将详细介绍EventTarget接口及其相关方法,以及如何使用监听函数处理事件。 ... [详细]
  • 本文详细介绍了 Java 网站开发的相关资源和步骤,包括常用网站、开发环境和框架选择。 ... [详细]
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • 本文将深入探讨 iOS 中的 Grand Central Dispatch (GCD),并介绍如何利用 GCD 进行高效多线程编程。如果你对线程的基本概念还不熟悉,建议先阅读相关基础资料。 ... [详细]
  • 本文介绍了在 CentOS 7 系统中如何查看所有活动进程及其运行时间。通过使用 `netstat` 和 `ps` 命令,您可以轻松获取进程的详细信息,包括启动时间、用户、终端和命令等。 ... [详细]
  • SSM框架下的在线教育平台源代码与文档
    本文介绍了基于SSM(Spring, Spring MVC, MyBatis)框架开发的教务网络管理系统。该系统旨在有效管理学生各学年的成绩,支持快速查询学生成绩和班级信息。系统具备完善的需求分析、设计和实现方案,确保数据的安全性和系统的易用性。 ... [详细]
  • centos 7.0 lnmp成功安装过程(很乱)
    下载nginx[rootlocalhostsrc]#wgethttp:nginx.orgdownloadnginx-1.7.9.tar.gz--2015-01-2412:55:2 ... [详细]
  • PHP 5.5.31 和 PHP 5.6.17 安全更新发布
    PHP 5.5.31 和 PHP 5.6.17 已正式发布,主要包含多个安全修复。强烈建议所有用户尽快升级至最新版本以确保系统安全。 ... [详细]
author-avatar
凰千寻_847
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有