设计一个vue2的页面，左侧已有一个el-menu组件，组件中有若干el-menu-item选项，现要求当点击某一el-menu-item选项，页面右侧对应出现一张pdf格式的图片，如果图片过长，还可以动态下拉，请给出代码实例

以下是一个简单的代码示例，可以实现点击左侧菜单项，在右侧显示对应的PDF图片，并支持动态下拉。

<template>
  <div class="container">
    <el-menu @select="handleSelect">
      <el-menu-item index="1">菜单项1</el-menu-item>
      <el-menu-item index="2">菜单项2</el-menu-item>
      <el-menu-item index="3">菜单项3</el-menu-item>
    </el-menu>

    <div class="pdf-container">
      <embed :src="pdfSrc" type="application/pdf" width="100%" height="100%"></embed>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pdfSrc: '',
    }
  },
  methods: {
    handleSelect(index) {
      // 根据选中的菜单项设置对应的PDF文件路径
      switch(index) {
        case '1':
          this.pdfSrc = '/pdfs/pdf1.pdf'
          break
        case '2':
          this.pdfSrc = '/pdfs/pdf2.pdf'
          break
        case '3':
          this.pdfSrc = '/pdfs/pdf3.pdf'
          break
        default:
          this.pdfSrc = ''
      }
    }
  }
}
</script>

<style>
.container {
  display: flex;
  height: 100vh;
}

.el-menu {
  width: 200px;
  height: 100%;
  background-color: #f0f0f0;
}

.pdf-container {
  flex: 1;
  height: 100%;
  overflow-y: auto;
}
</style>

上述代码中，我们使用了 `el-menu` 组件来实现左侧菜单，使用 `@select` 事件监听菜单项的选择，并根据选择的菜单项设置对应的PDF文件路径。在右侧的 `div` 中使用了 `embed` 元素来显示PDF文件，并设置了 `height` 和 `overflow-y` 属性来实现动态下拉的效果。