<template>
  <div class="form">
    <component ref="TabPage" :is="component" @change="onChange" :params="params"/>
  </div>
</template>

<script>
import Tabbar from './components/Tabbar.vue'
import { mapActions } from "vuex"

export default {
  name: 'AppCountryAlbum',
  appName: '乡村相册',

  data() {
    return {
      component: 'Tabbar',
      params: {}
    }
  },

  components: {
    Tabbar
  },

  methods: {
    ...mapActions(['injectJWeixin']),

    onChange(e) {
      this.params = e.params
      this.component = e.type
    }
  },

  onShow() {
    // this.$refs?.TabPage?.show()
    this.$nextTick(() => {
      this.injectJWeixin(['getLocation', 'sendChatMessage', 'shareAppMessage', 'shareWechatMessage'])
    })
  }
}
</script>

<style lang="scss" scoped>
</style>
