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

个人用法:在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'	//字典请求方式
	
  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
avue-dialog是avue框架的一个组件,它使用了element-ui的dialog来实现弹窗功能。根据引用的描述,avue-dialog可能会导致以下问题: 1. avue-form表单的多级联动,在编辑时赋值异常。 2. dialog表单重置异常,重置为第一次加载的表单内容缓存。 3. dialog表单的内容不更新问题,如果是子组件加载,会出现无法在created监听父级传参的情况,需要使用watch来监听才能正常获取数据。 此外,根据引用,avue-dialog还可能用于实现移动操作。具体的代码逻辑是,通过选择数据的id来进行移动操作,并使用update方法来更新数据。 最后,根据引用的解释,avue-dialog使用了v-if来控制显隐,这可能会导致内部元素重新渲染,从而重新请求数据。 综上所述,avue-dialog是avue框架使用element-ui的dialog实现的弹窗组件,可能会引发上述问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [avue框架使用element-ui的dialog引发的问题及解决办法](https://blog.csdn.net/qq_27751965/article/details/111538049)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Avue自定义dialog内容修改部分字段](https://blog.csdn.net/weixin_53815644/article/details/123116487)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值