index.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="container">
  3. <uni-list border class="list">
  4. <uni-list-item
  5. v-for="(item, index) in districtOptions"
  6. :key="index"
  7. :ellipsis="2"
  8. :title="item.value"
  9. showArrow
  10. clickable
  11. @click="listItemBtn(item)">
  12. </uni-list-item>
  13. </uni-list>
  14. <uni-load-more :status="more" />
  15. </view>
  16. </template>
  17. <script>
  18. import dictApi from '../../api/dict.js';
  19. import request from '../../api/shop.js';
  20. import { BASE_URL } from '../../env.js';
  21. export default {
  22. data() {
  23. return {
  24. districtSelected: '',
  25. districtOptions: [],
  26. }
  27. },
  28. async mounted() {
  29. await this.getDicts();
  30. },
  31. methods: {
  32. async getDicts() {
  33. const resp_district = await dictApi.getDict('che_district');
  34. if (resp_district.code == 200)
  35. this.districtOptions = resp_district.data.map(l => ({ ...l, value: l.dictValue, text: l.dictLabel }));
  36. },
  37. // 列表点击函数
  38. listItemBtn(e) {
  39. uni.navigateTo({ url: `/pages/shop/taglist?district=${e.value}` })
  40. },
  41. }
  42. }
  43. </script>
  44. <style>
  45. </style>