element-ui之dialog对话框组件title属性,无法解析HTML文本,赋值之后默认为TEXT文本。
如果想实现title属性可以解析HTML文本:
需要使用官网提供的slot狭槽来替换标题内容区,具体实现参考下面代码slot狭槽代码区域。
<el-dialog :title="activeTitle" :visible.sync="dialogFormVisible" width="60%"> <div slot="title" class="header-title"> <span v-html="activeTitle"></span> </div> <div class="dg-container"> <div class="dgc-body" v-html="activeContent"></div> </div> </el-dialog>
最终执行结果表明:
当我们使用slot狭槽之后,无论dialog有没有title属性都会被slot狭槽替换掉。