Skip to content
官方QQ交流群
pc端ui:468705115   点此加入
移动端ui:468217742   点此加入
技术交流1:87208295   点此加入
技术交流2:787747122   点此加入
官网
云控制台
开放平台
关注微信公众号
代码仓库: 码云

cv-form-inline

简要

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

示例

::: demo

vue
<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>

:::

Copyright © 2017 10yun.com | 十云提供计算服务-IPV6 | ctocode组开发