# 按钮

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

普通按钮
提交按钮

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

默认插槽
value prop
label prop
name prop

提示

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

# 普通按钮

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

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

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


    
     
      重要提示
     
     
      按钮类型没有模型绑定或标签元素。
     
    
    
     
      #
     
     提交按钮
    
    
     提交元素与按钮具有相同的语法，但它们能够提交表单 (处于
     
      FormulateForm
     
     包裹中).
    
    
     <FormulateForm
  @submit="showAlert"
  <FormulateInput
    type="submit"
    name="Submit this form!"
</FormulateForm>

    
    
     
     
     
      
       
       
       
        
        
        
       
       
      
      
      
     
    
    
     
      #
     
     插槽组件
     
      2.5
     
    
    
     按钮表单域有一个插槽 (
     
      #default
     
     ) 和一个监督的
     
      插槽组件
     
     :
    
    
     
      
       
        插槽组件名
       
       
        说明
       
      
     
     
      
       
        
         buttonContent
        
       
       
        此插槽组件在插槽中呈现
        
         #default
        
        并传递表单域上下文对象。
       
      
     
    
    
     
      
       Help improve this page!

# 按钮

# 普通按钮

# 提交按钮

# 插槽组件 2.5