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.
49 lines
1.8 KiB
49 lines
1.8 KiB
# BaseModel-弹出框
|
|
|
|
```html
|
|
<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宽度（[行内可单独配置](./../form/normal.md)） | String |30%|
|
|
| modelType | 查看类型view(只读)/edit(编辑) | String |edit
|
|
| showModel | 是否显示 | Boolean |false
|
|
| modelOptions | 动态组件内容 | Array | []
|
|
|
|
## 方法
|
|
|
|
| 名称 | 描述 | 参数类型 |
|
|
| ------------ | :------: | -------------: |
|
|
| setValueByKey | 通过key赋值 | (key,value) |
|
|
| setObjectValue | 通过Object赋值(根据key进行取值) | Object |
|
|
| clearForm | 清空表单值(取modelOptions中default值) | null |
|
|
```javascript
|
|
//添加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 | |