uniapp动态显示数组_uniapp开发踩坑记录

数组绑定class的问题

版本：v1.5.4

自定义了一个icon的组件，部分代码如下

:style="{'color': color, 'font-size': fontSize}">

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'

}

}

}

使用

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

解决方法

利用computed进行class拼接

:style="{'color': color, 'font-size': fontSize}">

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