vue切换获取数据,数据获取成功,可是渲染不对

是切换两个元素,然后对应的将数据获取出来。现在是数据能获取出来,可是页面渲染的不对,还是之前的数据
1.这是代码
图片描述

2.这是数据 能获取到
图片描述

3.这是界面
图片描述

阅读 4.8k
3 个回答

刚试了一下 这样可以正确的显示

export default({
    data(){
        return {
            lists:this.$store.state.labelheat
        }
    },
    
    methods: {
        change(mark){
            this.lists= this.$store.state[mark]
        },
    }
})

你的lists是computed里面来的.change不起效
你应该这样

data() {
    return {
        mark: ''
    }
},
computed: {
    lists: function(){
        return this.$store.state[this.mark]
    }
},
methods: {
    change(mark) {
        this.mark = mark;
    }
}

你的router-view没被包在keep-live里吧,我上次我也是入了数据变了,页面没渲染这个坑

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题