vPage.vue 657 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <view class="layout-page" :style="themeStyle">
  3. <slot />
  4. <!-- toast -->
  5. <van-toast id="van-toast" />
  6. <!-- dialog -->
  7. <van-dialog id="van-dialog" />
  8. </view>
  9. </template>
  10. <script>
  11. import { mapGetters,mapActions,mapState} from "vuex";
  12. export default {
  13. data(){
  14. return {
  15. // 页面下标
  16. pageIdx:undefined
  17. }
  18. },
  19. components: {
  20. },
  21. computed: {
  22. ...mapGetters(["themeStyle"]),
  23. ...mapState({
  24. storeIdx:'pageIdx'
  25. })
  26. },
  27. methods: {
  28. ...mapActions({
  29. setPageIdx:'setPageIdx'
  30. })
  31. },
  32. created() {
  33. this.pageIdx = this.storeIdx
  34. this.setPageIdx()
  35. },
  36. };
  37. </script>