vuejs2 - VueJs + Element UI:如何自定义 el-dialog 标题?
问题描述
我使用 el-icon 创建了一个带有自定义 el-dialog 标题的对话框,但 el-icon 没有出现。如何使图标出现?
这是我的代码
<el-dialog :title="titleData" :visible.sync="dialogVisible" width="30%">
<span>This is a message</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">Cancel</el-button>
<el-button type="primary" @click="dialogVisible = false">Confirm</el-button>
</span>
</el-dialog>
methods: {
setTitle() {
this.titleData = '<el-icon-info></el-icon-info>' + 'Info'
}
解决方案
title
只需使用组件上可用的插槽el-dialog
。这是您使用有效解决方案更新的小提琴:https ://jsfiddle.net/budgw/y93kvew5/10/
推荐阅读
- zoneddatetime - 为什么 LocalDateTime 没有区域?
- reactjs - React Router 未路由到 Route 元素中指定的路径
- python - pandas.dataframe.from_records 不适用于 numpy 数组
- java - 旋转魔方的面
- php - 如何在数组中搜索特定值?
- reactjs - 使用 RequireJS 将 React16 Build 加载到另一个应用程序中
- python-3.x - 无法使用 python 在 EC2 实例中创建日志文件
- mongodb - Mongoose 使用聚合/填充查询参考集合数据
- ios - 解析没有键的Json数组swift 4
- swift - 在 Realm 中存储通用子类