Vue Formulate

# 按钮

按钮 体系 有以下两种类型:

Formulate 确定按以下顺序定义按钮的文本内容：

  1. 默认插槽
  2. value prop
  3. label prop
  4. name prop

提示

这两种类型的输出不同的是，标记为 submit 的按钮，本身具有 type="submit"，用于触发表单提交。

# 普通按钮

<FormulateInput
  type="button"
  label="Buy it now"
/>

您还可以使用默认插槽将更复杂的内容传递到按钮中。

<FormulateInput
  type="button"
  disabled
>
  Loading <span class="loader" />
</FormulateInput>

重要提示

按钮类型没有模型绑定或标签元素。

# 提交按钮

提交元素与按钮具有相同的语法，但它们能够提交表单 (处于 FormulateForm 包裹中).

<FormulateForm
  @submit="showAlert"
>
  <FormulateInput
    type="submit"
    name="Submit this form!"
  />
</FormulateForm>

# 插槽组件 2.5

按钮表单域有一个插槽 (#default) 和一个监督的 插槽组件:

插槽组件名 说明
buttonContent 此插槽组件在插槽中呈现 #default 并传递表单域上下文对象。

← box →