VUE全家桶项目实战-- 6.组件布局和操作区

一.组件布局,大致分为3个区域:操作区,列表区,分页区

二.操作区域

1. Select 选择器

<!--
	v-model: 绑定的值,也可以是一个对象
	:value = item(为一个对象,v-model绑定为一个对象)
	clearable: 清空选项
	filterable :可搜索options列表中label值
	@change:值发生改变时的回调函数
-->
<template>
<el-select v-model="queryInfo.value" clearable  filterable placeholder="请选择" @change="set">
    <!--
		label:展示字段
		value:选中的值
	-->
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
  export default {
    data() {
      return {
        options: [],
          query