el-dialog :title
时间: 2024-01-25 18:12:59 浏览: 126
【JavaScript源代码】element-ui 弹窗组件封装的步骤.docx
el-dialog组件是Element UI中的一个对话框组件,用于显示弹出窗口。其中的:title属性用于设置对话框的标题。
在引用中的代码中,可以看到在showDialog方法中,通过设置this.titleName的值来动态设置对话框的标题。具体代码如下:
```javascript
showDialog() {
this.dialogVisible = true;
this.titleName = '添加' + this.treeName + '人员';
// 其他代码...
}
```
在引用中的代码中,可以看到通过使用slot插槽来自定义对话框的标题部分。具体代码如下:
```html
<el-dialog :visible.sync="openAssetInfoDetail" width="900px" append-to-body>
<div slot="title" class="dialog-title">
<el-row>
<span class="dialog-title-text">{{资产详情}}</span>
<el-button type="primary" style="float:right" @click="111">编辑</el-button>
</el-row>
</div>
</el-dialog>
```
通过上述代码,可以实现自定义el-dialog的标题部分,并在标题中添加按钮或其他自定义内容。
阅读全文