index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view>
  3. <view>{{gradeTerm.text}}</view>
  4. <view>
  5. <view v-for="item in data.list" :key="item.index"> {{item.index}} {{item.label}} </view>
  6. </view>
  7. <view>
  8. <navigator url="/pages/study/catalogue" hover-class="navigator-hover">
  9. <button type="default">学习计划</button>
  10. </navigator>
  11. <navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
  12. <button type="default">成长</button>
  13. </navigator>
  14. <navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
  15. <button type="default">伙伴</button>
  16. </navigator>
  17. <navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
  18. <button type="default">我的</button>
  19. </navigator>
  20. </view>
  21. <!-- 蛋 -->
  22. <view class="ezy-popup" >蛋</view>
  23. </view>
  24. </template>
  25. <script setup>
  26. import {
  27. useRoute
  28. } from "vue-router";
  29. import {
  30. reactive
  31. } from "vue";
  32. const route = useRoute();
  33. const gradeTerm = route.query;
  34. const data = reactive({
  35. list: [{
  36. label: '长度中的隐含条件问题',
  37. id: 1,
  38. },
  39. {
  40. label: '解决重叠问题',
  41. id: 2,
  42. },
  43. {
  44. label: '列表法解决方案问题',
  45. id: 3,
  46. },
  47. {
  48. label: '真题测试',
  49. id: 4,
  50. },
  51. ]
  52. })
  53. console.log(route)
  54. </script>
  55. <style>
  56. </style>