当前位置: 首页 > news >正文

深圳外贸进出口公司排名西安百度关键词优化

深圳外贸进出口公司排名,西安百度关键词优化,星沙做淘宝店铺网站,上海百度seo公司初学者容易踩坑的的el-dialog、el-form问题 1. el-dialog设置高度2. el-form中表单项对不齐3. 使用resetFields清除表单项无效 1. el-dialog设置高度 在el-dialog中里面添加一个div设置固定高度&#xff0c;或者限制最小的高度。 <el-dialogtitle"选择图标"v-mod…

初学者容易踩坑的的el-dialog、el-form问题

  • 1. el-dialog设置高度
  • 2. el-form中表单项对不齐
  • 3. 使用resetFields清除表单项无效

1. el-dialog设置高度

el-dialog中里面添加一个div设置固定高度,或者限制最小的高度。

 <el-dialogtitle="选择图标"v-model="iconDialogVisible":close-on-click-modal="false":width="480"destroy-on-close><div class="system-icon-content"></div</el-dialog>
.system-icon-content {min-height: 300px;max-height: 400px;overflow: auto;
}

以下是我尝试过但无效的方法:
(1)在el-dialog外面包裹一个div,给它设置样式
(2) 在el-dialog上自定义样式,使用deep去穿透样式
(3)使用 !important

2. el-form中表单项对不齐

在这里插入图片描述

设置固定的label-width
在这里插入图片描述

3. 使用resetFields清除表单项无效

每次打开表单在 nextTick中调用表单的resetFields方法

const showEditDialog = async (type: 'add' | 'mod', row?) => {await getInterfaceList();nextTick(() => {ruleFormRef?.value?.resetFields();})state.editType = type;if (type === 'add') {state.dialogTitle = '添加策略配置';} else {state.dialogTitle = '编辑策略配置';state.ruleForm = _.cloneDeep(row);//防止编辑时的表单影响这行表格数据state.oldCode = row.code;}
};

如果表单中有非必填项,还是清除不掉:
因为resetFields方法只对具有校验的表单元素才有效。
可以将在弹窗关闭时将表单赋值为空,手动重置表单项。
注意:不要去使用destroy-on-close`,会出现第二次打开表单时上回的值还存在的问题

<el-drawer v-model="visible" :title="state.dialogTitle" direction="rtl" size="400px" :close-on-click-modal="false"@close="handleClose"></el-drawer>   
const handleClose = () => {visible.value = false;ruleFormRef.value?.resetFields();// 只会重置必填项表单项(el-form-item有prop那个),并移除校验结果state.ruleForm = {} 
}
http://www.dt0577.cn/news/20525.html

相关文章:

  • c2c的电子商务网站有哪些惠州seo优化
  • h5css3网站开发实例友情链接属于免费推广吗
  • 怎样做化妆品公司网站百度有几个总部
  • 山东建设厅官方网站临沂网络营销策略有哪五种
  • 做阿里巴巴网站口碑怎样注册自己网站的域名
  • 做网站内嵌地图今日nba战况
  • 白塔网站建设seo人才招聘
  • 宽城区建设局网站网盟推广
  • 做6个页面的网站杨谦教授编的营销课程
  • wordpress挂下载链接seo优化服务商
  • 网站设计有哪些创新点关键词seo排名怎么做的
  • 建一个网站的程序谷歌排名优化
  • 网站建设公司哪家好 搜搜磐石网络包就业的培训机构
  • 如何制作活动宣传网页长春seo关键词排名
  • 做网站建设客户从哪里找seo外链发布技巧
  • 做视频网站需要多少钱重庆百度seo公司
  • wordpress 一直跳转到老域名一键优化清理加速
  • 揭阳网站制作托管手机软文广告300字
  • 用什么软件上传网站seo关键词快速排名前三位
  • 网站分享到朋友圈德阳seo
  • 营销型网站建设合同范本市场营销产品推广策划方案
  • 东莞网站推广怎么做软文代写文案
  • 做旅游网站挣钱吗电话营销销售系统
  • 小程序免费制作平台系统百度seo推广
  • 阿里巴巴logo图片专业搜索引擎seo服务
  • 公司网站优化怎么做多少关键词排名优化软件
  • 品牌网站建设 杭州网络营销公司经营范围
  • 中文电商网站模板网站建设方案及报价
  • 天天seo伪原创工具优化电池充电什么意思
  • 网站建设5000费用高德北斗导航