数组绑定class的问题

版本：v1.5.4
自定义了一个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: 30
            }
        },
        computed: {
            cls(){
                return `${this.name} ${this.icon}`
            },
            fontSize(){
                return this.size + 'upx'
            }
        }
    }
</script>

使用

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

H5端显示正常无异常，模拟器模拟显示class之间多了逗号，如图所示

解决方法

利用computed进行class拼接

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

Vuex mapGetters问题

版本：v1.5.4
正常使用mapGetters的时候，H5端无异常，非H5端会报错

TypeError: Cannot read property 'getters' of undefined

解决方法

main.js中增加Vue.prototype.$store = store

• 还没有人评论，欢迎说说您的想法！

相关课程

云知梦-HTML5网页标签

4603 0元 限免

HTML5网页标签

3937 0元 限免

Web前端页面制作快速入门

5482 9.8元