我嘞个去
我嘞个去
  • 发布:2022-10-15 15:50
  • 更新:2022-12-02 15:26
  • 阅读:284

【报Bug】微信小程序视图无法读取vuex状态

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win 10 企业版LTSC

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

第三方开发者工具版本号: 1.03.2012120 Stable

基础库版本号: 2.27.0

项目创建方式: HBuilderX

示例代码:
// index.js  
    import Vue from 'vue'  
    import Vuex from 'vuex'  
    Vue.use(Vuex)  

const store = new Vuex.Store({  
    state: {  
        userInfo : {  
            "name": "小明",  
            "age": 25  
        },  
    },  
    mutations: {  
    }  
})  

export default store  

// main.js  
    import Vue from 'vue'  
    import App from './App'  
    import store from './store'    

    Vue.prototype.$store = store  

    Vue.config.productionTip = false  

    App.mpType = 'app'  

    const app = new Vue({  
        store,  
        ...App  
    })  
app.$mount()  

// index.vue  
<template>  
    <view class="container">  

        <view class="intro">本项目已包含uni ui组件,无需import和注册,可直接使用。在代码区键入字母u,即可通过代码助手列出所有可用组件。光标置于组件名称处按F1,即可查看组件文档。</view>  
        <text class="intro">详见:</text>  
        <uni-link :href="//ask.dcloud.net.cn/href" :text="href"></uni-link>  

        用户信息: {{ $store.state.userInfo}}  
    </view>  
</template>  

<script>  
    export default {  
        onShow: function() {  
            // console.log('App Show')  
            console.log("用户信息:",this.$store.state.userInfo)  
        },  
        onHide: function() {  
            // console.log('App Hide')  
        }  
    }  
</script>  

<style>  
    .container {  
        padding: 20px;  
        font-size: 14px;  
        line-height: 24px;  
    }  
</style>

操作步骤:

微信小程序无法读取vuex状态,H5正常

预期结果:

微信小程序无法读取vuex状态,H5正常

实际结果:

微信小程序无法读取vuex状态,H5正常

bug描述:

2022-10-15 15:50 负责人:无 分享
已邀请:
我嘞个去

我嘞个去 (作者) - 在uni泥潭中越陷越深

推起来啦

DCloud_UNI_LXH

DCloud_UNI_LXH

可先用 computed 处理一下。使用辅助函数,如 mapState

要回复问题请先登录注册