981673999@qq.com
981673999@qq.com
  • 发布:2019-01-11 15:09
  • 更新:2019-01-11 15:41
  • 阅读:357

【报Bug】nvue页面vuex无法使用

分类:nvue

nvue页面无法使用vuex共享数据,vue页面正常

重现步骤
[步骤]
使用 https://ask.dcloud.net.cn/article/35021
提供的全局变量引入方法,下载vuex.zip

使用hbuilderx导入工程
新建nvue页面,使用vuex

<template>  
    <div>  
        <text>{{login}}</text>  
    </div>  
</template>  

<script>  
    import {  
        mapState,  
        mapMutations  
    } from 'vuex';  

    export default {  
        computed: {  
            ...mapState(['avatarUrl', 'login', 'userName'])  
        },  
    }  
</script>  

<style>  

</style>  
启动项目,进入首页,页面无法显示绑定的数据,控制台报错  
 52:38.150 14412 14432 I console : TypeError: undefined is not an object (evaluating 'this.$store.state')__ERROR  

[结果]
[期望]
页面可以正常显示绑定数据

IDE运行环境说明
HBuilderX
[IDE版本号]
1.4
[windows版本号]
windows 10

App运行环境说明
[Android版本号]
8.1

[手机型号]
[模拟器型号]

附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[安装包]

联系方式
[QQ]981673999

2019-01-11 15:09 分享
已邀请:
Trust

Trust

要回复问题请先登录注册