miniTestList.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <div class="miniTestList flex-display">
  3. <div class="head">
  4. <div class="text">
  5. <el-select v-model="params.className" placeholder="请选择游戏" filterable clearable>
  6. <el-option
  7. v-for="item in MiniClassNameList"
  8. :key="item.className"
  9. :label="item.id + '-' +item.className"
  10. :value="item.className"
  11. ></el-option>
  12. </el-select>
  13. </div>
  14. </div>
  15. </div>
  16. </template>
  17. <script>
  18. import miniTestApi from '@/api/miniTest'
  19. import { mapState, mapActions } from 'vuex'
  20. import store from '@/store/'
  21. export default {
  22. name: "miniTestList",
  23. data(){
  24. return{
  25. miniTestList: [],
  26. params: {},
  27. MiniClassNameList: {},
  28. }
  29. },
  30. mounted(){
  31. this.init();
  32. // this.getMiniTestList()
  33. // this.getMiniClassList()
  34. },
  35. methods:{
  36. ...mapActions(['set_head_list']),
  37. init() {
  38. console.log(store);
  39. console.log(this.set_head_list);
  40. },
  41. getMiniTestList(){
  42. miniTestApi.getMiniTestList().then(res => console.log(res))
  43. },
  44. getMiniClassList(){
  45. miniTestApi.getMiniClassList().then(res =>{
  46. this.MiniClassNameList = res;
  47. });
  48. }
  49. }
  50. }
  51. </script>
  52. <style lang="less" scoped>
  53. </style>