router-link嵌套按钮 button

最新推荐文章于 2024-04-18 09:40:19 发布

白开水为啥没味

最新推荐文章于 2024-04-18 09:40:19 发布

阅读量1.2k

点赞数 1

分类专栏：笔记文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_53478650/article/details/129348940

版权

笔记专栏收录该内容

32 篇文章

订阅专栏

通过将<router-link>标签包裹在<el-button>内，可以实现点击按钮直接触发路由跳转，无需额外编写单击事件。这种方法还允许将整个组件作为点击区域，增加了用户的交互体验。

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

好处

1、使按钮点击即可跳转不用单独写单击事件

2、router-link嵌套一个大的组件增加点击面积

<router-link to="/main/retrieval" >
       <el-button style="width:100px;height: 35px;
                      background-color: #012459;
                      font-size: large;
                      color: white;">   返回
      
       </el-button>
</router-link>

效果：