el-radio中可以嵌套svg-icon吗
时间: 2023-12-14 13:40:25 浏览: 95
可以的,你可以在el-radio组件的label中嵌套svg-icon组件。例如:
```html
<el-radio v-model="radio" label="1">
<svg-icon icon-class="icon-checkmark"></svg-icon>
</el-radio>
```
这样就可以在el-radio组件的选项前面显示一个带有图标的标签了。需要注意的是,如果使用嵌套的方式来使用svg-icon组件,需要给svg-icon组件设置display:inline-block样式,否则可能会出现不符合预期的显示效果。
相关问题
el-radio去除圆点
可以通过设置 el-radio 的 slot 属性来自定义 radio 的显示内容,从而去除圆点。具体做法是在 el-radio 标签内添加一个 slot="icon" 的元素,例如:
```
<el-radio v-model="radio" label="1">
<span slot="icon"></span>
选项1
</el-radio>
```
其中,slot="icon" 的元素可以是任何 HTML 元素,例如 span、i、svg 等,可以通过 CSS 样式来控制其显示效果。
阅读全文