热门标签
热门文章
- 1正则表达式匹配数字、字母和下划线_正则表达式匹配下划线
- 2FlexArray 存储虚拟化软件_存储虚拟软件
- 3Django REST 框架详解 09 | 权限组件_django permission_classes
- 4编程实例分享，电玩城计时电玩店计时收费管理系统软件，可以控制电视电源计时程序
- 5十二届蓝桥杯python青少年组第五题——密室逃脱_有一个密室逃脱游戏,有100间密室连在一排。密室编号
- 6python threading和multiprocessing模块基本用法实例分析_python signal multiprocessing
- 7Elasticsearch 基本使用（四）聚合查询_es聚合查询
- 8在pytorch中的双线性采样（Bilinear Sample）
- 9Linux内核同步机制之Per-CPU变量___per_cpu_offset
- 10Problem-263A-Codeforces- Beautiful Matrix_you've got a 5
当前位置: article > 正文
微信小程序自定义组件或模板（为了项目方便复用）_微信开发工具 模块组件重复使用方法
作者：凡人多烦事01 | 2024-02-16 14:04:32
赞
踩
微信开发工具 模块组件重复使用方法
1.自定义组件或模板（为了项目方便复用）
自定义模板：
只复用wxml,css部分，不具有交互功能
- 1
- wxml引入代码:
<import src="classify.skeleton.wxml"/>
//使用 is 是为模块文件名
<template is="skeleton" />
- 1
- 2
- 3
- 4
- wxss代码:
//直接引入其他wxss样式
@import "./classify.skeleton.wxss";
- 1
- 2
自定义组件
- 子组件如何创建
一个完整独立的视图单元（wxml,css,js） 创建和使用组件的步骤： 第一步：创建一个组件：在子组件文件夹上--右建--选择【新建component】选项 第二步：引入组件 在要引入的父组件中的json文件的usingComponents添加要使用的子组件 例如： { "usingComponents": { "组件名":"要引入的子组件路径", "Dialog":"/components/dialog/dialog" }, "navigationBarTitleText": "首页" } 第三步：使用 在父组件直接使用子组件的标签名：<Dialog />
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
-
父组件如何获取子组件中的数据或方法
-
子向父传递事件:
this.triggerEvent('事件名',选项1,选项2) 类似于vue中的this.$emit('要派发的事件名'，要传递数据)- 1
-
微信小程序组件通讯的方式：
- 父传子
实现方式类似于vue 引入子组件 在子组件上添加自定义属性 例如：title,content 在子组件上的properties上添加要接收的属性 title,content 在子组件上通过{{ }}就可以直接使用啦。。。- 1
- 2
- 3
- 4
- 5
- 子传父
实现方式类似于vue 1.在子组件上触发一个事件 例如：catchtap="confirmmFn" 2.在对应的confirmFn上添加派发的事件和要向父级传递的数据 this.triggerEvent('confirm','ok') this.triggerEvent('cancel','no') 3.父组件监听子组件派发过来的事件和要接收的数据 bind要监听的事件名=“回调方法” 例如： <Dialog bindconfirm="confirm" bindcancel="cancel" /> 4.在父组件的js中接收数据 //监听确定按钮触发的回调 confirm(e) { console.log('监听确定',e.detail) },
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 兄弟之间
A兄弟,B兄弟,C（父组件）三个组件 A-->C--->B- 1
- 2
- 3
- 4
声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读
- %matplotlibinline作用：是在使用jupyternotebook或者jupyterqtconsole的时候，才会经常用到%matplotlib，也就是说那一份代码可能就是别人使用jupyternotebook或者jupyter... [详细]
赞
踩
- 如何让玩家所操纵的角色动起来，这在Unity中很容易实现，但是如何确保玩家所操作的角色不会产生一些非常违反物理常识的情况？而这就需要进行大量的检测，已确保玩家所操纵的角色正常。所幸Unity为我们提供了这样的一个组件——角色控制器(Char... [详细]
赞
踩
- 采用sg.popup_get_folder()方法，括号里面的内容也是输入的提示语。输出结果：（第一个参数就是要显示的信息，可以是单个，也可多个字符串，多个字符串时候，默认换行，如果是单个字符串可以通过line_with指定每行的宽度）这个... [详细]
赞
踩
- 这里介绍的方法与我们自学习外语的时候使用的方法是有共同之处的，例如我们要学习英语，可以使用以下三个关键的练习帮助我从笨拙地将中文单词翻译成英语，转变为直接用英语思考和回答（英语思维）。把新的英语单词和我已经知道的中文单词关联起来。把英语和中... [详细]
赞
踩
- 代表性的目标检测论文链接和发表日期_yolov8论文下载yolov8论文下载以下是一些代表性的目标检测论文链接和发表日期：... [详细]
赞
踩
- 百度webgl地图简单使用教程，初始化、添加marker和自定义覆盖物以及设置个性化主题等_vuewebglvuewebgl前言在公司项目中，之前使用的是vue-baidu-map库，功能上使用暂无太大问题。最近需要在项目基础上添加一个大屏... [详细]
赞
踩
- 大家好，我是微学AI，今天给大家介绍一下深度学习实战56-基于VR虚拟现实眼镜与计算机视觉远程操控机器人，实现远程协助独居老人生活起居，在信息科技飞速发展的当下，我们面临着一个重大社会问题——老龄化。越来越多的老年人选择独自生活，而他们往往... [详细]
赞
踩
- 五个zookeeper，最多2个zookeeper可以不可用。会发现一个规律，2n和2n-1的容忍度是一样的，都是n-1，所以为了更加高效，何必增加那一个不必要的zookeeper呢。同理，要是有3个zookeeper，一个死了，还剩下2个... [详细]
赞
踩
- //初始化最大化/还原、最小化，关闭的按钮，并关联槽函数CloseButton=newQPushButton(this);maxButton=newQPushButton(this);mixButton=newQPushButton(thi... [详细]
赞
踩
- DeepLearning是机器学习中一个非常接近AI的领域，其动机在于建立、模拟人脑进行分析学习的神经网络，最近研究了机器学习中一些深度学习的相关知识，本文给出一些很有用的资料和心得。KeyWords：有监督学习与无监督学习，分类、回归，密... [详细]
赞
踩
- 1、UGUI优化1.1、对于不使用的Image之类的，将其RaycastTarget取消勾选，将暂时不触发的Button的Interable也取消勾选。1.2、利用SpritePacker制作图集，图集大小最好为接近2的N次方2、NGUI优... [详细]
赞
踩
- 关注并星标从此不迷路计算机视觉研究院公众号ID｜ComputerVisionGzq学习群｜扫码在主页获取加入方式计算机视觉研究院专栏作者：Edison_G本文从AIGC技术->产品->业务应用和价值实现环节探讨其发展路径，并以产业实例探讨A... [详细]
赞
踩
- 图集是将许多较小的，独立的纹理合并到一个较大的纹理文件中，从而最小化材质的数量，因此最小化所需使用的DrawCall数量。这是利用动态批处理的有效方法。每个独特的材质都需要额外的DrawCall，但是每种材质只支持单一的主纹理。当然，它们也... [详细]
赞
踩
- 前面的四个章节我们主要讲解了MongoDB的相关基础知识，接下来我们就开始进入使用.NET7操作MongoDB开发一个ToDoList系统实战教程。本章节主要介绍的是如何快熟搭建一个简单明了的后端项目框架。MongoDB从入门到实战之.NE... [详细]
赞
踩
- 详细介绍如何使用pyautogui实现鼠标控制、键盘控制、界面操作、图像匹配等功能。_pyautoguipyautogui一、简介PyAutoGUI是一个Python第三方库，需要pipinstall安装 。它允许我们通过编程方式... [详细]
赞
踩
- ML使用算法分析数据，从中学习并做出推断或预测。ML使用大量数据和算法来“训练”机器，由此让机器学会如何去完成任务。比如在图像识别中，一开始机器在识别事物的时候准确率是比较差的，机器的表现带有很大随机性，但是经过一段时间训练，随着我们给机器... [详细]
赞
踩
- 公告欢迎大家在我们平台上投放广告。如果你希望在我们的专栏、文档或邮件中投放广告，请准备好各种尺寸的图片和专属链接，联系咸鱼（1034616238）。我们组织了一个开源互助平台，方便开源组织和大V互相认识，互相帮助，整合资源。请回复这个帖子并... [详细]
赞
踩
- 目录一.已有方法1.通过克隆一个新环境，并删除旧环境达到更名的目的二.改进后的方法（1秒搞定）1.直接进入原始环境修改文件夹名称一.已有方法1.通过克隆一个新环境，并删除旧环境达到更名的目的如题，目前网络上网络的方法都是先使用--clone... [详细]
赞
踩
- AIGC（ArtificialIntelligenceGeneratedContent）生成式AI，或AI生成内容，即利用AI技术自动生产内容。与之相对的是PGC（ProfessionallyGeneratedContent）专业生成内容、... [详细]
赞
踩
- 循环渲染的导航栏，每个子元素都需要通过点击事件函数修改样式，但因为循环渲染，每个子元素的点击事件函数是一样的，所以不能分别修改对应子元素的样式。通过本文，你将了解微信小程序中循环渲染wx:for的子元素如何修改点击样式_小程序查找某个元素并... [详细]
赞
踩
相关标签
