用el-select组件渲染ydlbmc字段,数据里面有空格,但是渲染上去的时候空格被组件自动清除了
解决方法一:
在拿到数据的时候循环数组对象,把ydlbmc字段的空格替换成"   ;",并使用v-html来解析数据
<el-select v-model="selForm.ydlbValue" clearable placeholder="请选择">
<el-option
v-for="item in ydlb"
:key="item.ydlbbm"
:label="item.ydlbmc"
v-html="item.ydlbmc3"
:value="item.ydlbbm">
</el-option>
</el-select>
idjYdlb_selectYdlb(this.jgbm).then(res=>{
for (var i in res.content) {
res.content[i].ydlbmc3=res.content[i].ydlbmc.replace(' ',' ')
}
})
效果图:
解决方法二(推荐):
给下拉框渲染出的span标签添加 white-space: pre 样式,不要把该样式加在原来样式里面,可能会被覆盖掉,最好写在最外层
效果图: