element ui FORM表单

2021/9/8 6:08:03

本文主要是介绍element ui FORM表单,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

form表单

Form-Item Slot 【label】

旧版语法

    <el-form-item label="活动名称" prop="name">
      <a href="" slot="label">百度</a>
      <el-input v-model="ruleForm.name" placeholder="请输入"></el-input>
    </el-form-item>

新版语法

    <el-form-item label="活动名称" prop="name">
      <template v-slot:label>
        <a href="" slot="label">百度</a>
      </template>
      <el-input v-model="ruleForm.name" placeholder="请输入"></el-input>
    </el-form-item>

Form Attributes

属性

Form Methods

通过$refs拿到组件后可以使用组件提供的方法

Form Events

表单被校验后触发

Form-Item Attributes

属性

Form-Item Slot

插槽

Form-Item Scoped Slot

作用域插槽

Form-Item Methods

Form-Item组件提供的方法



这篇关于element ui FORM表单的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程