zgq_vue_search v1.0.1

使用

<zgqSearch :form="form" @emitBc="emitBc"/>

参数

form: {
    showExpand: true,
    minNum: 3,
    labelWidth: 100,
    itemWidth: "32%",
    config:[
      {
        type:"text",
        bind:"field_1",
        placeholder:"写点什么",
        name:"输入框"
      },
      {
        type:"select",
        bind:"field_2",
        placeholder:"选一个吧",
        name:"下拉框",
        data:"select1",
        methods:() => {}
      },
      {
        type:"date",
        bind:"field_3",
        placeholder:"选一个吧",
        name:"时间",
        format:"yyyy-MM-dd"
      },
      {
        type:"daterange",
        bind:"field_4",
        labelWidth:150,
        itemWidth:"50%",
        startPlaceholder:"开始时间",
        endPlaceholder:"结束时间",
        name:"超长label时间",
        format:"yyyy-MM-dd"
      }
    ],
    form:{
      field_1:"",
      field_2:"",
      field_3:"",
      field_4: null
    },
    enum:{
      select1:[
        {
          dataValue:1,
          dataName: "选项1"
        },
        {
          dataValue: 2,
          dataName: "选项2"
        }
      ]
    }
  }