el-form-expand v0.1.8

el-form-expand

• 仿ant design pro component做一个可以展开收起的vue搜索表单

type btns = btn[]
interface btn {
  type?: String
  icon?: String
  name?: String
  click?: () => void
  render?: () => Vue.VNode
}

直接上代码

npm i el-form-expand -s

<template>
  <div id="app">
    <div class="search">
      <ElFormExpand ref="form" :rules="ruleForm" :model="form">
        <el-form-item label="活动名称" prop="name">
          <el-input v-model="form.name" />
        </el-form-item>

    <el-form-item label="活动名称2" prop="name">
      <el-input v-model="form.name" />
    </el-form-item>

    <el-form-item label="活动名称3" prop="name">
      <el-input v-model="form.name" />
    </el-form-item>

    <el-form-item label="活动名称4" prop="name">
      <el-input v-model="form.name" />
    </el-form-item>

    <el-form-item label="活动名称5" prop="name">
      <el-input v-model="form.name" />
    </el-form-item>

    <el-form-item label="活动名称6" prop="name">
      <el-input v-model="form.name" />
    </el-form-item>
  </ElFormExpand>
</div>

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).