使用el-checkbox-group时,el-checkbox后面的文本或者div不显示
起初setScore类所在的div死活不显示,各种添加样式都不生效,强制渲染也没用,最后发现是font-size等于0,添加样式后ok了
<el-form-item prop="titleType" style="float:right;">
<el-checkbox-group v-model="query.titleType" @change="changeBox">
<el-checkbox label="1" name="type">
设置总分
</el-checkbox>
<div class="setScore">
<span v-if="query.titleType.includes('1')">(
<el-input v-model="totalOne" />
分)
</span>
</div>
</el-checkbox-group>
</el-form-item>
添加如下
.setScore {
display: inline-block;
font-size: 14px;
}