小程序 wxml selectable_微信小程序 抽象节点

抽象节点

这个特性自小程序基础库版本 1.9.6 开始支持。

在组件中使用抽象节点

有时,自定义组件模板中的一些节点,其对应的自定义组件不是由自定义组件本身确定的,而是自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。例如,我们现在来实现一个“选框组”(selectable-group)组件,它其中可以放置单选框(custom-radio)或者复选框(custom-checkbox)。这个组件的 wxml 可以这样编写:代码示例:
<view wx:for="{{labels}}">  <label>    <selectable disabled="{{false}}">selectable>    {{item}}  label>view>
其中,“selectable”不是任何在 json 文件的 usingComponents 字段中声明的组件,而是一个抽象节点。它需要在 componentGenerics 字段中声明:
{"componentGenerics": {"selectable": true
}
}

使用包含抽象节点的组件

在使用 selectable-group 组件时,必须指定“selectable”具体是哪个组件:
<selectable-group generic:selectable="custom-radio" />
这样,在生成这个 selectable-group 组件的实例时,“selectable”节点会生成“custom-radio”组件实例。类似地,如果这样使用:
<selectable-group generic:selectable="custom-checkbox" />
“selectable”节点则会生成“custom-checkbox”组件实例。注意:上述的 custom-radio 和 custom-checkbox 需要包含在这个 wxml 对应 json 文件的 usingComponents 定义段中。
{"usingComponents": {"custom-radio": "path/to/custom/radio","custom-checkbox": "path/to/custom/checkbox"
}
}

抽象节点的默认组件

抽象节点可以指定一个默认组件,当具体组件未被指定时,将创建默认组件的实例。默认组件可以在 componentGenerics 字段中指定:
{  "componentGenerics": {    "selectable": {      "default": "path/to/default/component"    }  }}
提示:
  • 节点的 generic 引用 generic:xxx="yyy" 中,值 yyy 只能是静态值,不能包含数据绑定。因而抽象节点特性并不适用于动态决定节点名的场景。

1b28bb5addd44c59acf507f85d6d9263.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/561091.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java jar 配置文件路径_java jar 配置文件的相对路径问题

无论是在Windows还是Linux操作系统下&#xff0c;绝对路径和相对路径都是很重要的概念&#xff0c;也是许多初学者迷惑的地方&#xff0c;下面我们就这两个概念进行介绍。  绝对路径&#xff1a;由根目录‘/’开始写起的文件名或者目录名称&#xff0c;例如/home/student;  相…

python曲面图颜色渐变方向_matplotlib三维曲面的透明度和颜色渐变?

colset self._shade_colors(color, normals)虽然理论上一个平面的法线都是相同的&#xff0c;但实际上由于浮点运算。这些微小的变化被放大了normalization因为这个{a3}位于0和1之间。在因此&#xff0c;所有完全平面的曲面都容易出现这种着色缺陷。在当颜色是统一的(例如colo…

queue double java_一文弄懂java中的Queue家族

java中Queue家族简介简介java中Collection集合有三大家族List&#xff0c;Set和Queue。当然Map也算是一种集合类&#xff0c;但Map并不继承Collection接口。List&#xff0c;Set在我们的工作中会经常使用&#xff0c;通常用来存储结果数据&#xff0c;而Queue由于它的特殊性&am…

python os.walk_Python os.walk() 简介

os.walk目录遍历每个月都有那么几天想划水&#xff0c;又到划水的日子了&#xff0c;今天分享的是刚在处理遍历目录相关用到的相关方法。os.walkos.walk的参数如下:os.walk(top, topdownTrue, οnerrοrNone, followlinksFalse)其中&#xff1a;top是要遍历的目录。topdown是代…

python pdf转word 表格_太赞了!Pdf转Word,我用Python 轻松搞定表格和水印!

原标题&#xff1a;太赞了&#xff01;Pdf转Word&#xff0c;我用Python 轻松搞定表格和水印&#xff01;继上一次为大家推出了将pdf转word之后(卧槽&#xff01;Pdf转Word用Python轻松搞定&#xff01;)&#xff0c;引起了大家的热烈讨论&#xff0c;我也总结了大家的一些意见…

dao传递类参数 mybatis_Mybatis (ParameterType) 如何传递多个不同类型的参数

偶然碰到一个需要给xml传一个String类型和一个Integer类型的需求&#xff0c;当时心想用map感觉有点太浪费&#xff0c;所以专门研究了下各种方式。方法一&#xff1a;不需要写parameterType参数public List getXXXBeanList(String xxId, String xxCode);select t.* from table…

semantic ui中文文档_Vuetify-广受欢迎的Material风格的开源UI框架

全世界范围内广受欢迎的 Vue UI 框架&#xff0c;一个非常精致的 Material Design UI 套件。 Material Design 风格 UI 框架Vuetify 是一个基于 Vue.js 精心打造 UI 组件库&#xff0c;整套 UI 设计为 Material 风格。能够让没有任何设计技能的开发者创造出时尚的 Material 风格…

java 异常捕获抛出_JAVA异常处理捕获与抛出原理解析

JAVA 异常当代码运行出现错误导致程序终止运行或出现错误情况的状况&#xff0c;就是异常。异常不是指语法错误&#xff0c;即不属于编译错误&#xff0c;只有运行的程序才会有异常。这个时候&#xff0c;JAVA 就提供了优秀的处理方法&#xff1a;异常处理异常处理能让程序在异…

提示tun虚拟网卡没有安装_Win10家庭版通过Hyper-V安装Centos7+Python3.7过程总结

Win10专业版自带有虚拟机Hyper-V, 只需要在控制面板--程序中将其添加到应用就可使用&#xff0c;非常方便&#xff0c;但我电脑预装的是Win10家庭版&#xff0c;没有这个工具&#xff0c;但可以通过以下方法把它安装上&#xff1a;新建文件Hyper-V.cmd&#xff0c;文件内容&…

python自动输入_使用Python和pywin32自动输入数据

我正在尝试编写一个python脚本来获取数据并将其输入任何形式以下是我目前为止的代码&#xff1a;def pasteNum(n):win32clipboard.OpenClipboard()win32clipboard.EmptyClipboard()win32clipboard.SetClipboardData(win32con.CF_TEXT, str(n))##CTRL-Awin32api.keybd_event(win…

nginx 带宽_谈谈Nginx和LVS各自的优缺点以及使用

在最开始呢&#xff0c;咱们先说一下什么叫负载均衡&#xff0c;负载均衡呢&#xff0c;就是将一批请求&#xff0c;根据请求的内容&#xff0c;分发到不同的后端去进行相应的处理&#xff0c;从而提供负载分担&#xff0c;主备切换等功能。对于不同的负载均衡软件&#xff0c;…

java 读取 excel poi_Java中读取Excel功能实现_POI

这里使用apache的poi进行读取excel1&#xff0c;新建javaproject 项目&#xff1a;TestExcel2&#xff0c;导入包导入根目录下、lib、ooxml-lib下的所有jar4&#xff0c;操作读取excelimport java.io.File;import java.io.IOException;import java.util.Iterator;import org.ap…

wordpress 自定义分类url 重写_WordPress导航主题-WebStack导航主题

8月份写了一个导航主题&#xff0c;陆陆续续更新了十几版&#xff0c;功能自认已经很完善了&#xff0c;知乎也注册很久了&#xff0c;在这水片文章。首页截图预览地址一为忆 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站&#xff0c;定时更新分享优…

mysql hbase 同步_HBase 简介和使用 Sqoop 同步 Mysql 数据到 HBase

HBase 数据模型Namespace: 命名空间类似于关系型数据库中的 database schemaTable: 表一个 Namespace 下有多个表&#xff0c;一个表可以包含多个行Row: 行在 HBase 中 Row 由一个 Row Key 和一个或多个列及其值组成&#xff0c;数据值的存储按照 Row Key 的字典顺序存储的。Co…

sql跨表查询_白话django之ORM的查询语句

教程源码&#xff1a;z991/django_turital在日常开发中&#xff0c;数据库的增删改查&#xff08;CDUR&#xff09;中&#xff0c;查询需求偏多&#xff0c;所以查询的语法比增删改操作多得多&#xff0c;尤其是跨表关联查询&#xff0c;可以让代码精简很多年。直接上代码吧&am…

java对象怎么创建_java对象是怎么创建出来的

1.使用new关键字这是最常见也是最简单的创建对象的方式了。通过这种方式&#xff0c;我们可以调用任意的构造函数(无参的和带参数的)。Employee emp1 new Employee();0: new #19 // class org/programming/mitra/exercises/Employee3: dup4: invokespecial #21 // Method org/…

看不懂论文代码怎么办_学位论文中的公式排版(制表位+mathtype+域)

写在前面为什么把公式排版单独拉出来写一篇文章呢&#xff1f;因为公式排版实在是太难了。公式居中标号右对齐&#xff0c;简直反人类好么。在学校期间一直寻找方便的公式排版自动编号方法&#xff0c;但搜索出来的大多只是用到了制表位&#xff0c;公式标号还要自己敲。最后毕…

利用trunk实现vlan内通信_实现不同VLAN间通信——单臂路由

单臂路由是一种实现不同VLAN间通信的技术&#xff0c;其方法是在虚拟机内接口上配置虚拟子接口。该技术是一种应急技术&#xff0c;仅仅用于网络预算不足&#xff0c;无力购买三层交换机&#xff0c;或者网络规模很小的情况下使用。一、实验路由器只需要一个端口和交换机(二层)…

java dispatchevent_java事件处理机制

java中的事件机制的参与者有3种角色&#xff1a;1.event object&#xff1a;就是事件产生时具体的“事件”&#xff0c;用于listener的相应的方法之中&#xff0c;作为参数&#xff0c;一般存在与listerner的方法之中2.event source&#xff1a;具体的接受事件的实体&#xff0…

eq值 推荐算法_C++实现十种排序算法

十种排序算法&#xff1a;选择排序插入排序冒泡排序希尔排序快速排序的三种实现方法归并排序堆排序&#xff08;大顶堆&#xff09;计数排序基数排序&#xff08;待实现&#xff09;桶排序&#xff08;待实现&#xff09;#include <bits/stdc.h> using namespace std; vo…