avue-form表单常用属性和用法

最新推荐文章于 2024-08-08 07:29:24 发布

Bejpse

最新推荐文章于 2024-08-08 07:29:24 发布

阅读量4.9k

点赞数 2

分类专栏：前端 html 文章标签：前端 java hbase

本文链接：https://blog.csdn.net/Bejpse/article/details/123321471

版权

本文介绍了在vue项目中如何使用avue-form表单，包括如何在option.js文件中设置默认参数，并提供了全面参数的avue官方文档参考，帮助开发者理解组件内的特殊参数设置。

摘要由CSDN通过智能技术生成

个人用法：在vue中可以单独建立一个option.js文件，放置默认的统一参数，在使用的vue组件中引入该文件，设置组件内特殊的参数。

全面参数请参考 avue官方文档

option.js文件

// 默认表单选项
export function formOption (config) {
  const option = {
    card: false,
    size: 'mini',
    labelWidth: '100', //弹出表单的标题的统一宽度
    labelPosition: 'left',
    submitText: '提交'
    //column:[
	//	{
	//		label:'名称',	//标题名称
	//		prop:'列字段',	//列字段（唯一）
	//		labelWidth:'100',	//标题名称宽度
	//		span:12,	//栅列
	//		gutter:20,	//项间距
	//		row:'false/true',	//是否单独成行
	//		disabled:false/true,	//禁止编辑
	//		tip:'文字提示',	//文字提示
	//		display:true/false,	//是否可见
	//		rules:Obj,	//验证规则
	//		type:'tree',	//类型
	//		dicData:[], //字典
	//		dicUrl:'',	//远程字典地址
	//		dicMethod:'get/post'	//字典请求方式
	//		dicQuery:obj, 	//字典请求方式
	//		props:{
	//			lable:'字典