组件路径

src\components\Common\searchGroup.vue

效果

使用方法

<template>
 <search-group :formItems="formItems" @getSearch="getSearch"></search-group>
</template>

import searchGroup from '../Common/searchGroup.vue'

export default {
 data() {
  return {
   formItems: [
    {
     label: '代理商',
     type: 'text',
     name: 'agent',
     value: ''
    },
    searchData: null
   ]
  }
 },
 getSearch(msg) {
  this.searchData = msg
  // do somethings
 },
}

data

formItems

参数 类型 说明
label String 控件标签
type String 控件类型：text(文本框)、number(数字框)、date(日期选择)、select(下拉框)
name String 用于存放返回值的名称
value String/Number 用于存放返回值
select Array 当type为select时，用于存放下拉框数据

formItems.select

参数 类型 说明
label String 下拉框options名称
value String 下拉框options值

methods

getSearch(msg) //点击搜索之后触

results matching ""

    No results matching ""