Vant-UI 表单（Field组件）

最新推荐文章于 2023-07-11 16:57:21 发布

原创最新推荐文章于 2023-07-11 16:57:21 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

前端同时被 3 个专栏收录

34 篇文章

订阅专栏

vue

18 篇文章

订阅专栏

Vant

2 篇文章

订阅专栏

本文详细探讨了Vant-UI框架中的Field组件，重点介绍其在表单设计中的应用，包括如何使用Field组件创建高效、响应式的表单输入域。

Vant-UI 表单（Field组件）

    	<van-form @submit="onSubmit">
          <!-- 在form表单中，van-button默认的native-type='submit'。native-type：原生 button 标签的 type 属性，默认是submit -->
          <van-button type="info">提 交</van-button>
          
          <!-- 下面的button没有提交表单的功能 -->
          <van-button type="info" native-type="button" @click="onClick">按 钮</van-button>
        </van-form>