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

998次阅读
没有评论

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

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

问题

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

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

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

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

解决

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

&nbsp;

此时错位问题完美解决!

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