Vue components used

1. The Spin load

Basic usage for page and block load state

<template>
  <div>
    <a-spin />
  </div>
</template>
Copy the code

Put in a container:

<template>
  <div class="example">
    <a-spin />
  </div>
</template>`
Copy the code

2. Render data

  <a-select default-value="1"  style="width: 120px" @change="handleChange">
      <a-select-option v-for="va in b" :key="va.id">
      {{va.value}}
      </a-select-option>
Copy the code

Mount data in data:

export default {
      name: 'Companay14'.data(){
          return  {
              b:[
                {id:1.value: 1},
                {id:2.value: 2},
                {id:3.value: 3},
                {id:4.value: 4},
                {id:5.value: 5},
                {id:6.value: 6},
                {id:7.value: 7},
                {id:8.value: 8},].Copy the code

The result is as follows: