uniapp自定义组件:class绑定的多个值模拟器调试下多了逗号

lb-icon组件

<template>  
    <text :class="[name, icon]"   
        :style="{'color': color, 'font-size': fontSize}">  
    </text>  
</template>  

<script>  
    export default {  
        props: {  
            name: {  
                type: String,  
                default: 'iconfont'  
            },  
            icon: {  
                type: String  
            },  
            color: {  
                type: String,  
                default: '#666666'  
            },  
            size: {  
                type: [Number, String],  
                default: 20  
            }  
        },  
        computed: {  
            fontSize(){  
                return this.size + 'upx'  
            }  
        }  
    }  
</script>  

使用

<lb-icon icon="icon-message"></lb-icon>  

H5正常显示了icon图标,模拟器上显示的class多了个逗号,如下图

2019-02-12 16:41 添加评论 分享
已邀请:
0

DCloud_UNI_GSQ

赞同来自:

目前数组方式存在此问题,可以先改用字符串方式

0

DCloud_Android_ST

赞同来自:

请问你的模拟器系统版本多少 什么模拟器

0

lb37

赞同来自:

暂时只能利用拼接class的方法解决了,数组绑定class方式很常用,希望下个版本能尽快修复。

<text :class="cls"  
    :style="{'color': color, 'font-size': fontSize}">  
</text>  
computed: {  
   cls(){  
      return `${this.name} ${this.icon}`  
   }  
}  

要回复问题请先登录注册