哈哈嘟嘟嘟
哈哈嘟嘟嘟
  • 发布:2023-03-16 15:05
  • 更新:2023-03-16 15:05
  • 阅读:174

【报Bug】app-nvue页面vuex状态响应不生效,vue正常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 11.6.8

HBuilderX类型: 正式

HBuilderX版本号: 3.7.3

浏览器平台: Chrome

浏览器版本: x

项目创建方式: HBuilderX

App下载地址或H5⽹址:

示例代码:
<template>  
    <view class="content">  
        <view @click="add">  
            {{username}} //这里值不会变化  
        </view>  
    </view>  
</template>  

<script>  
    import store from '@/store/index.js'  
    import { mapState } from 'vuex'  
    export default {  
        data() {  
            return {  

            }  
        },  
        computed: {  
            ...mapState({  
                username: state => state.username,  
            })  
        },  
        methods: {  
            add(x){  
                store.commit('add')  
            }  
        }  
    }  
</script>
import Vue from 'vue'  
import Vuex from 'vuex'  

Vue.use(Vuex); //vue的插件机制  

//Vuex.Store 构造器选项  
const store = new Vuex.Store({  
    state: { //存放状态  
        "username": "foo",  
        "age": 18  
    },  
    mutations: {  
        add(state) {  
            state.username ='change' //这里触发了,值也改变了  
        }  
    }  
})  
export default store  

操作步骤:
  1. 运行到安卓标准底座
  2. 点击‘foo’

预期结果:

store里state的值有变化,但模版里有变化

实际结果:

store里state的值有变化,但模版里没有变化

bug描述:

是安卓、iosapp,但是app报不了bug,一直显示选择编译模式,没有找到选项。

2023-03-16 15:05 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复