修改element-ui中dialog中的title除了正标题标题下面会有一行小字
可以使用Dialog组件的slot来实现修改标题下面的小字。具体实现方法如下:
-
在Dialog组件中添加一个新的slot,例如命名为title-extra。
-
在Dialog的模板中,将小字放在一个span标签中,并将其插入到title-extra slot中。
示例代码:
<el-dialog title="Dialog Title" :visible.sync="dialogVisible">
<span slot="title-extra">Subtitle</span>
<p>Dialog Content</p>
</el-dialog>
这样就可以在Dialog的标题下面添加一个小字了。可以根据需要自行调整样式。
原文地址: http://www.cveoy.top/t/topic/buje 著作权归作者所有。请勿转载和采集!