ElementUI的select组件的option的label slot里的错位问题

1,512次阅读
没有评论

共计 289 个字符,预计需要花费 1 分钟才能阅读完成。

标题很拗口,但是就是这个意思。

问题

本问题实际描述是,当使用select组件,并且为option使用了插槽之后,像官方里的那样使用style=”float: right;” 后 导致错位,如下图所示ElementUI的select组件的option的label slot里的错位问题

右边的tag贴顶了,但是返回去看官方文档里的代码,却没有问题。

仔细看官方的例子,官方在插槽里用的是纯文本<span></span>,而el-tag也会自动转为span,但依然是样式错误。

在此省略一系列尝试之后,终于发现解决办法,特此记录,以便自己和其他有相同问题的朋友查阅。

解决

在el-tag的外层加一个空格即可解决问题,注意不是键盘上的space,而是

&nbsp;

此时错位问题完美解决!

正文完
 0
zjh4473
版权声明:本站原创文章,由 zjh4473 于2021-07-12发表,共计289字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)