Vue-element-admin中使用el-select时label中存在 如何处理显示问题

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

直接上干货

<template>
     <el-select v-model="0" class="filter-item">
         <el-option :key="0" label="顶级" value="0" />
         <el-option v-for="item in list" :key="item.id" v-html="item.name" :label="toBlank(item.name)" :value="item.id" />
     </el-select>
</template>

<script>
     export default {
          methods: {
               //把&nbsp;转成空格实体
               toBlank(str){
                   let data = encodeURI(str);
                   data = data.replace(/&nbsp;/g,'%20');
                   return decodeURI(data);
               },
          }
     }
</script>

这里主要用到了v-html, 如果只用v-html只能解决 option中的显示问题，无法解决选中后input中的显示。这里自己找了一个方法toBlank，暂时解决了。本人后端开发，刚接触vue，如果处理的不合适请大神指点
企鹅号:420026004 有问题大家可以交流