el-option怎么绑定数据库数据使用es6的写法

在Vue.js中，`el-option` 是 Element UI 提供的一个用于构建下拉列表的组件，它通常用于`el-select`组件中。如果你想将数据库的数据绑定到`el-option`上，可以按照以下ES6的步骤操作：

1. 首先，你需要从后端获取数据并存储在一个数组变量中。假设你已经通过API请求得到了数据，并将其保存在`dataList`数组中，例如：

async fetchData() {
  const response = await axios.get('/api/data');
  this.dataList = response.data; // 假设响应的数据是一个包含对象的数组，每个对象有id和label属性
}

2. 在模板中，你可以使用`v-for`指令遍历这个数组，并创建`el-option`元素：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option
      v-for="item in dataList"
      :key="item.id"
      :label="item.label"
      :value="item.id"> <!-- 绑定值通常是item的唯一标识 -->
    </el-option>
  </el-select>
</template>

3. 当用户选择一个选项时，`selectedValue`就会自动更新为你选择的那个选项的id。

4. 初始化时，记得调用`fetchData`函数加载数据：

created() {
  this.fetchData();
},