el-drawer中显示链接页面

在Element UI库中的`el-drawer`组件通常用于创建抽屉式的侧边栏或者面板，它是一个可以滑动展示或关闭的内容区域。如果你想在`el-drawer`中显示链接到另一个页面的内容，你可以按照以下步骤操作：

1. 首先，在`el-drawer`标签内，使用`<router-link>`组件，这是Vue Router提供的组件，用于导航到其他路由。例如：

<template>
  <div>
    <el-drawer
      :visible.sync="drawerVisible"
      width="30%"
      :direction="direction"
    >
      <router-link to="/your-target-page">
        <i class="el-icon-message"></i> 进入目标页面
      </router-link>
    </el-drawer>
    <!-- ...其他的主体内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      drawerVisible: false,
      direction: 'right', // 可选值有'top', 'right', 'bottom', 'left'
    };
  },
  methods: {
    toggleDrawer() {
      this.drawerVisible = !this.drawerVisible;
    }
  }
};
</script>

在这个例子中，当用户点击"进入目标页面"的文字时，会跳转到"/your-target-page"指定的页面。