【uni app】坑

1.vuex在template无法直接使用（在script中可以使用）

<view class="nickname">{{$store.state.userInfo.nickname}}</view>

如上所示获取不到，解决方法：在当前vue中的compoted引入mapState等

computed: {
  ...mapState(['userInfo']),
  ...mapGetters(['hasLogin'])
},

template中直接改成如下即可

<view class="nickname">{{userInfo.nickname}}</view>

2.upx不能动态赋值

<!-- - 静态upx赋值生效 -->
<view class="test" style="width:200upx"></view>
<!-- - 动态绑定不生效 -->
<view class="test" :style="{width:winWidth + 'upx;'}"></view>

　　解决方法

<view class="half-width" :style="{width: halfWidth}">
            半屏宽度
        </view>

　　

halfWidth() {
                return uni.upx2px(750 / 2) + 'px';
            }