小程序自定义组件的实现方法（代码）

本篇文章给大家带来的内容是关于小程序自定义组件的实现方法（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

File：threecolgrid.js// components/threeColumnGrid/threecolgrid.jsComponent({/*** 组件的属性列表*/properties: {// 传入的数据booksData:{type: Array,value:[]},// grid的外边距mainMargin:{type: Number,value: 5},// grid的内边距mainPadding:{type:Number,value:10},// 行间距rowSpace:{type:Number,value:20},// 列间距colSpace:{type:Number,value:7}},/*** 组件的初始数据*/data: {},/*** 组件的方法列表*/methods: {checkIn:function(e){console.log(e.currentTarget.dataset)// 触发action事件，triggerEvent函数接受三个值：事件名称、数据、选项值this.triggerEvent('action', e.currentTarget.dataset, {})}}})<!--components/threeColumnGrid/threecolgrid.wxml--><!-- <view>使用组件//事件处理函数getCheckValues: function(e){console.log('checkbox发生change事件，携带value值为：', e.detail)},{"usingComponents": {"three-col-grid":"/components/threeColumnGrid/threecolgrid"},}<view>相关推荐：

php实现Mongodb自定义方式生成自增ID的方法

详解javascript实现自定义事件_javascript技巧以上就是小程序自定义组件的实现方法（代码）的详细内容，更多请关注小潘博客其它相关文章！