element-ui 去除radio单选框 label文字

正常使用去除label文字:<el-radio :label="$index">{{ '' }}</el-radio>函数式组件去除label文字: 参考 vue函数式组件查看element-ui radio组件发现,在label文字显示的时候有这样一个判断其中的v-if="$slots.default"起到了是否展示label文字的作用,那么在函数组件中可以添加一个def

super·田

2968人浏览 · 2021-02-25 11:47:55

super·田 · 2021-02-25 11:47:55 发布

正常使用去除label文字:

<el-radio :label="$index">{{ '' }}</el-radio>

函数式组件去除label文字: 参考 vue函数式组件

查看element-ui radio组件发现,在label文字显示的时候有这样一个判断
在这里插入图片描述
其中的

v-if="$slots.default"

起到了是否展示label文字的作用,那么在函数组件中可以添加一个default的slot来解决问题
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^