uni-app引入vant表单（附源码）

新建项目

下载安装vant

npm i vant

main.js引入

import { Form } from 'vant';
import { Field } from 'vant';

Vue.use(Form);
Vue.use(Field);

代码引入

    
	
	
	

	    确定
    

@import 'vant/lib/index.css'

这个是在App.vue里面引入的，样式的话根据自己的项目添加，主要是引入css文件

运行

这是全局样式，如果要修改样式，可以重新起类名写样式

message里面信息也可以删掉

完整代码