首页 > 编程语言 >#yyds干货盘点#【愚公系列】2022年10月 微信小程序-Behavior

#yyds干货盘点#【愚公系列】2022年10月 微信小程序-Behavior

时间:2022-10-23 21:09:12浏览次数:57  
标签:yyds form 自定义 10 component Behavior 组件 my

一、Behavior

1.Behavior的定义

behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。

每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。

2.Behavior的属性

定义段 类型 是否必填 描述
properties Object Map 同组件的属性
data Object 同组件的数据
methods Object 同自定义组件的方法
behaviors String Array 引入其它的 behavior
created Function 生命周期函数
attached Function 生命周期函数
ready Function 生命周期函数
moved Function 生命周期函数
detached Function 生命周期函数

3.使用

module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})
// my-component.js
var myBehavior = require('my-behavior')
Component({
  behaviors: [myBehavior],
  properties: {
    myProperty: {
      type: String
    }
  },
  data: {
    myData: 'my-component-data'
  },
  created: function () {
    console.log('[my-component] created')
  },
  attached: function () { 
    console.log('[my-component] attached')
  },
  ready: function () {
    console.log('[my-component] ready')
  },
  methods: {
    myMethod: function () {
      console.log('[my-component] log by myMethod')
    },
  }
})

注意点:Behavior创建事件会早于组件,所以组件的同名属性会覆盖Behavior

二、内置的Behavior

1.wx://form-field

使自定义组件有类似于表单控件的行为。 form 组件可以识别这些自定义组件,并在 submit 事件中返回组件的字段名及其对应字段值。

2.wx://form-field-group

使 form 组件可以识别到这个自定义组件内部的所有表单控件。

3.wx://form-field-button

使 form 组件可以识别到这个自定义组件内部的 button 。如果自定义组件内部有设置了 form-type 的 button ,它将被组件外的 form 接受。

4.wx://component-export

使自定义组件支持 export 定义段。这个定义段可以用于指定组件被 selectComponent 调用时的返回值。

标签:yyds,form,自定义,10,component,Behavior,组件,my
From: https://blog.51cto.com/u_15437432/5787569

相关文章

  • #yyds干货盘点#【愚公系列】2022年10月 微信小程序-组件模板和组件样式
    一、组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个<slot>节点,用于承载组件引用......
  • #yyds干货盘点#JS中的map用法
    map()​​map()​​ 方法会返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。​​map​​​ 方法会给原数组中的每个元素都按顺序调用一次 ​​callback​​......
  • 10、CPU 如何选择线程
    在Linux内核中,进程和线程都是用 ​​task_struct​​ 结构体表示的,区别在于线程的task_struct结构体里部分资源是共享了进程已创建的资源,比如内存地址空间、代码段、......
  • MILIANKE-CZ01-7010/7020400-核心模块硬件手册(ZYNQ)
    1产品概述    自2017年MLK-CZ01-7010/7020-400(MZ7XCORE400)系列开发平台发布以来,该系列开发平台和核心模块经过多次迭代升级,在工业自动化、水利电力控制设备、医疗图......
  • 10.17-10.21周末回顾
    目录一、异常处理语法结构二、生成器对象三、模块2.导入模块的两种语句1import句式四、软件开发目录五、python常用内置模块1.collections模块1具名元组namedtuple2双......
  • 【公告】布客社区公告 2022.10
    布客社区将花N年时间转型为DAO翻译和整理合并为一个工作流(同一段时间只做一个),并且按照编程、玄学、两性、财务顺序轮替。高校课件整理与备份计划正式开始,感谢github上各......
  • 1024特别篇:快速上手ES索引模版
    ES(8.1)认证工程师考题大纲参考如下https://mp.weixin.qq.com/s/x7lMmMAo2563JysMJ8vgRQ1、题目今天咱们讨论的是《索引模板的创建与使用》大体思路如下:分两部分处理......
  • 2022-2023-1 20221310 《计算机基础与程序设计》第8周学习总结
    作业信息|这个作业属于哪个课程|https://edu.cnblogs.com/campus/besti/2022-2023-1-CFAP||这个作业要求在哪里|<作业要求的链接>https://www.cnblogs.com/rocedu/p/9......
  • 【闲话】2022.10.23
    今天没有考试于是赫了些DP题每日一(?)图密码是咱最喜欢的番二度提示:我们一日日……记得第一个字母大写怎么登不上SPOJ啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊今......
  • 浪潮1024工程师文化节编程大赛
    1.https://nanti.jisuanke.com/t/T1649简单模拟,对其从横方向和竖方向进行暴力搜索即可#include<bits/stdc++.h>usingnamespacestd;#defineintlonglong#defineI......