page.vue 831 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <div>
  3. <el-tabs v-model="tab" @tab-click="cutTabs">
  4. <el-tab-pane :label="`搜索列表`" name="list">
  5. <list v-if="tab == 'list'" />
  6. </el-tab-pane>
  7. <el-tab-pane :label="`热门搜索`" name="hot">
  8. <hot v-if="tab == 'hot'" />
  9. </el-tab-pane>
  10. </el-tabs>
  11. </div>
  12. </template>
  13. <script>
  14. import list from "./list";
  15. import hot from "./hot";
  16. export default {
  17. components: {
  18. list,
  19. hot
  20. },
  21. data() {
  22. return {
  23. tab: ""
  24. };
  25. },
  26. methods: {
  27. cutTabs(res) {
  28. uni.setStorage({
  29. key: 'search_page_tab',
  30. data: res.name
  31. });
  32. }
  33. },
  34. mounted() {
  35. this.tab = uni.getStorageSync('search_page_tab') || 'list';
  36. }
  37. };
  38. </script>
  39. <style >
  40. </style>