wepy 用 vuex mapState 后将 computed 给子组件传值会导致无限循环 setData

用 vuex mapState 后将 computed 给子组件传值会导致无限循环 setData

Open yanthink opened this issue 5 years ago • 5 comments

Description

用了 vuex，然后在 page 里面通过 mapState 设置 computed，最后把 computed 往子组件传值就会导致 setData 无限循环

Environment

Platform: 开发者工具
Platform version: 1.02.1907300
wepy-cli version: 2.0.0-alpha.20
wepy version: 0.02

Reproduce

page.js

<template>
  <view>
    <article-content :article="article"></article-content>
  </view>
</template>

<script>
  import wepy from '@wepy/core';
  import { mapState, mapActions } from '@wepy/x';
  import store from './vuex';

  wepy.page({
    store,

    computed: {
      ...mapState('articleShow', [
        'article',
      ]),
    },

    methods: {
      ...mapActions('articleShow', [
        'fetchArticle',
      ]),
    },

    onLoad ({ id }) {
      this.fetchArticle(id);
    },
  });
</script>
<config>
  {
    usingComponents: {
      'article-content': './components/article-content',
    },
  }
</config>