使用vue 后台传的nbsp不显示为空格,应该怎么解决?

新手上路，请多包涵

问题描述

后台传的数据里有用nbsp,用来区分部门的层级;

问题出现的环境背景及自己尝试过哪些方法

我尝试过用replace替换为' ',结果一个空格都不显示了

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
html页面

<label class="col-xs-3  col-md-4 control-label text-right "><span
                                    class="text-danger"> * </span>部门:</label>
                            <div class="col-xs-8 col-md-7 ">
                                <select v-model="formdata.user_info_organizationid" 
                                        class="form-control ">
                                    <option value="">请选择</option>
                                    <option v-for="option in organizationlist" v-bind:value="option.value" >
                                        {{ option.text }}
                                    </option>
                                </select>
                            </div>
                        </div>

数据示例:
图片描述