cv-form-inline

简要

横向排列表单，用于搜索布局

示例

::: demo

<template>
  <div>
    <h1>cv-form-inline 表单组件</h1>
    <br />
    <cv-form-inline>
      <cv-form-item>
        <cv-input-text v-model="soData.xxx" />
      </cv-form-item>
      <cv-form-item>
        <cv-select-base v-model="soData.xxx" />
      </cv-form-item>
      <cv-form-item>
        <cv-select-base v-model="soData.xxx" />
      </cv-form-item>
    </cv-form-inline>

    <cv-btn-base @click="hanldeSubmit">按钮</cv-btn-base>
  </div>
</template>

<script>
export default {
  watch: {
    formData() {
      console.log(this.formData);
    }
  },
  data() {
    return {
      soData: {}
    };
  },
  methods: {
    hanldeSubmit() {
      console.log('baseForm的数据', this.soData);
    }
  }
};
</script>

:::