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

直接来干货,记录问题过程,备忘


<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 有问题大家可以交流

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。