page.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <div>
  3. <el-tabs v-model="tab" @tab-click="cutTabs">
  4. <el-tab-pane label="轮播图" name="carousel">
  5. <carousel v-if="tab == 'carousel'"></carousel>
  6. </el-tab-pane>
  7. <!-- <el-tab-pane label="分享设置" name="share">
  8. <share v-if="tab == 'share'"></share>
  9. </el-tab-pane>
  10. <el-tab-pane label="关于我们" name="about">
  11. <about v-if="tab == 'about'"></about>
  12. </el-tab-pane> -->
  13. </el-tabs>
  14. </div>
  15. </template>
  16. <script>
  17. import carousel from "./carousel";
  18. import share from "./share_set";
  19. import about from "./about";
  20. export default {
  21. components: { carousel, share, about },
  22. data() {
  23. return {
  24. tab: ""
  25. };
  26. },
  27. methods: {
  28. cutTabs(res) {
  29. uni.setStorage({
  30. key: 'shop_page_tab',
  31. data: res.name
  32. });
  33. }
  34. },
  35. created() {
  36. this.tab = uni.getStorageSync('shop_page_tab') || 'carousel';
  37. }
  38. };
  39. </script>
  40. <style >
  41. </style>