Advertisement
Guest User

Untitled

a guest
Oct 14th, 2019
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <div>
  3.         <div v-if="!mrfList" class="p-4">'Проверка авторизации. Пожалуйста, подождите...'"</div>
  4.        <div v-else class="start-list">
  5.            <app-start-item
  6.                    :list="mrfList.map(item => (item.title))"
  7.                    @setItem="setItem($event)"
  8.            ></app-start-item>
  9.            <app-start-item
  10.                    :list="mrf"
  11.                    :disabled="disabled"
  12.                    @setItem="setItem($event)"
  13.            ></app-start-item>
  14.  
  15.        </div>
  16.    </div>
  17. </template>
  18.  
  19. <script>
  20.    import axios from 'axios';
  21.  
  22.    export default {
  23.        name: "StartList",
  24.        data() {
  25.            return {
  26.                disabled: true,
  27.                mrf: [],
  28.            }
  29.        },
  30.        computed: {
  31.            mrfList() {
  32.                return this.$store.getters["startList/mrfList"];
  33.            },
  34.        },
  35.        methods: {
  36.            setItem(item) {
  37.                this.mrf = ['Сибирь', 'Урал', 'Дальний восток', 'Центр', 'Волга', 'Дальний юг', 'Дальний юг-pfgfl', 'Сибирь', 'Урал', 'Дальний восток', 'Центр', 'Волга', 'Дальний юг', 'Дальний юг-pfgfl'];
  38.                // console.log(this.mrf);
  39.                this.disabled = false;
  40.                // console.log(item);
  41.  
  42.  
  43.            }
  44.        }
  45.        // created() {
  46.        //     //ajax
  47.        //
  48.        //     this.results = ['Сибирь', 'Урал', 'Дальний восток', 'Центр', 'Волга', 'Дальний юг', 'Дальний юг-pfgfl', 'Сибирь', 'Урал', 'Дальний восток', 'Центр', 'Волга', 'Дальний юг', 'Дальний юг-pfgfl'];
  49.        //
  50.        // }
  51.    }
  52. </script>
  53.  
  54. <style scoped>
  55.    .start-list {
  56.        display: flex;
  57.        justify-content: space-between;
  58.        margin: 0 auto;
  59.  
  60.    }
  61. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement