带有一个 select 的内联表单和一个在 vue 中使用元素 UI 的提交按钮？

Question

我在 vue (https://element.eleme.io/#/en-US) 中使用 Element 库，并希望制作一个带有一个 select 框和一个提交按钮的简单表单。我在网站上看不到这样做的方法。

我想要这样的东西，但是有一个 select 框而不是文本输入

        <el-input
          ref="searchBox"
          v-model="searchForm.searchBox"
          placeholder="Search for Units and or Clients"
          type="text"
          auto-complete="on"
          @keyup.enter.native="submitForm('searchForm')"
        >
          <el-button
            slot="append"
            icon="el-icon-search"
            :loading="loading"
            @click="submitForm('searchForm')"
          />
        </el-input>
      </el-form-item>

Answer 1

答案是使用内联表单属性而不是 el-input 选项。

<el-form
  ref="stateForm"
  :inline="true"
  :model="commentForm"
  :rules="rules"
>
  <el-select v-model="selectModel" placeholder="please select">
    <el-option
       v-for="(v, v_index) in optionsConstant"
       :key="v_index"
       :label="v"
       :value="v_index"
     />
  </el-select>
  <el-button type="primary" @click="submitForm('stateForm')">Submit</el-button>
</el-form>

带有一个 select 的内联表单和一个在 vue 中使用元素 UI 的提交按钮？

Inline form with one select and a submit button using element UI in vue?

vue.js

element-ui