el-radio动态渲染时 label的显示问题

最新推荐文章于 2024-08-08 15:26:32 发布

一个平平无奇的小高

最新推荐文章于 2024-08-08 15:26:32 发布

阅读量2k

点赞数 1

文章标签：前端 elementui el-radio

本文链接：https://blog.csdn.net/qq_44646343/article/details/129694588

版权

当使用el-radio在Vue项目中动态渲染并遇到label为空的情况，会默认显示label的值。为解决此问题，可以在el-radio标签内添加空格字符&nbsp;来避免这种情况。代码示例中展示了如何在el-table-column中应用此方法。

摘要由CSDN通过智能技术生成

问题： el-radio在动态渲染时，因为label的原因，在标签中不加任何字符时，都会默认把label绑定的值显示出来，如图：
在这里插入图片描述

解决方法： 在el-radio的标签对中用空格字符   显示；

代码：

<el-table-column label="" width="40">
	<template slot-scope="scope">
            <el-radio
              :label="scope.row.userinfoOcode"
              v-model="radio"
              name="radio"
              @change.native="getCurrentRow(scope.row)"
              style="color: #fff; padding-left: 10px; margin-right: -25px"
              >&nbsp;</el-radio
            >
    </template>
</el-table-column>