Vue.js el-select 动态展示内容：根据选项切换界面

可以通过监听 el-select 标签的 change 事件，在回调函数中根据选中的选项值动态展示不同的内容界面。

具体实现步骤如下：

1. 在 el-select 标签中定义好选项值和对应的内容展示区域。

<el-select v-model='selectedOption' @change='handleChange'>
  <el-option label='选项1' value='option1'></el-option>
  <el-option label='选项2' value='option2'></el-option>
  <el-option label='选项3' value='option3'></el-option>
</el-select>
<div v-if='selectedOption === 'option1''>选项1对应的内容</div>
<div v-if='selectedOption === 'option2''>选项2对应的内容</div>
<div v-if='selectedOption === 'option3''>选项3对应的内容</div>

2. 在 Vue 的 data 中定义选项值和内容展示区域的初始值。

export default {
  data() {
    return {
      selectedOption: 'option1'
    }
  }
}

3. 在 methods 中定义 handleChange 方法，该方法会在 el-select 的选项值发生变化时被调用，根据选中的选项值动态展示不同的内容界面。

export default {
  data() {
    return {
      selectedOption: 'option1'
    }
  },
  methods: {
    handleChange() {
      // 根据选中的选项值动态展示不同的内容界面
    }
  }
}