微信小程序自定义组件

自定义组件：对一些内容进行组件用起来比较方便。

一、weui-input.wxml

  
    {{label}}
  
  
    
  
  
    
  

二、weui-input.json

{
  "component":true,
  "usingComponents":{}
}

三、weui-input.js

Component({
  properties: {
    label: {
      type: 'string',
      value: '标签',
    },
    type: {
      type: 'string',
      value: 'string',
    },
    inputName: {
      type: 'string',
      value: 'name',
    },
    placeholder: {
      type: 'string',
      value: '请输入',
    },
    icon: {
      type: 'string',
      value: 'clear',
    },
    formtype:{
      type:'string',
      value:'submit',
    },
    bindsubmit:{
      type:'string',
      value:'formSubmit',
    },
  },


})

调用组件在调用的项目中的json文件中写上

{
  "usingComponents":{
    "weui-input":"../component/weui-input"
  }
}