Element UI垂直导航栏变成按钮样式，点击效果不改变

熊抱抱的一粒

于 2021-08-17 16:05:55 发布

阅读量777

点赞数

文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_52959651/article/details/119759080

版权

本文介绍了如何将Element UI的垂直导航栏设置为按钮样式，同时确保点击事件仍然有效，以提升用户体验。通过官方示例，使得在同页面中点击其他按钮时，样式不发生改变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候页面点击按钮效果会失效，这样用户体验不太好，所以我看了一下官网，发现导航栏点击事件不失效，这样的话，用户在同页面点击其他的按钮，样式也不会更改。

在这里插入图片描述

<template>
  <div id="app">
    <el-row class="tac">
      <el-col :span="4">

        <el-menu
          default-active="选中"
          class