mall-web-ssr/pages/messageBoard/messageBoard.vue

<!--
<template>
  <div class="message">
    <message-board @pageEvent="listenPage"/>
  </div>
</template>
<script>
  import MessageBoard from '~components/messageBoard/MessageBoard.vue'
  export default {
    components: {
      MessageBoard
    },
    data () {
      return {
        page: 1,
        count: 3,
        currentPage: 1
      }
    },
    fetch ({ store }) {
      return Promise.all([
        store.dispatch('userIsLogin'),
        store.dispatch('getMessageBoardInformation', {page: 1, count: 3})
      ])
    },
    methods: {
      listenPage: function (p) {
        this.page = p
        this.$store.dispatch('getMessageBoardInformation', {page: this.page, count: 3})
      }
    }
  }
</script>
<style  scoped>
 .message .el-dialog__header {
    display: none;
  }
 .message .el-dialog__body {
   padding: 0;
 }
</style>
-->