智慧工地前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1.8 KiB

BaseModel-弹出框

<BaseModel
  :title="'查看资料'"
  :modelType="'view'"
  :showModel="state.showModel"
  :width="'35%'"
  :modelOptions="state.baseModelOptions"
  @dialogClose="state.showModel=false"
  @dialogSubmit="editFile"
>
</BaseModel>

属性

名称 描述 参数类型 默认值
title 标题 String ''
width 窗口宽度 String 35%
columnCount 列数量 Number 2
labelWidth label宽度(行内可单独配置 String 30%
modelType 查看类型view(只读)/edit(编辑) String edit
showModel 是否显示 Boolean false
modelOptions 动态组件内容 Array []

方法

名称 描述 参数类型
setValueByKey 通过key赋值 (key,value)
setObjectValue 通过Object赋值(根据key进行取值) Object
clearForm 清空表单值(取modelOptions中default值) null
//添加ref
<BaseModel ref="bm"></BaseModel>
//js
const bm = ref()
bm.value.setValueByKey('name','张三')
bm.value.setObjectValue({name:'张三',age:18})

事件

名称 描述 可选值
dialogClose 关闭弹窗 any
dialogSubmit 点击确认按钮 Function(data:Object,callback:Function) 调用callback(),主动将loading状态改为false