el-button 的:disabled不生效

最新推荐文章于 2024-07-22 11:28:18 发布

Dj_Fairy

最新推荐文章于 2024-07-22 11:28:18 发布

阅读量1.1k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Dj_Fairy/article/details/132965463

版权

文章讲述了在ElementUI的el-button组件中如何使用key属性，并管理其disabled状态，以及如何通过click事件进行页面跳转。

摘要由CSDN通过智能技术生成

给每个el-button添加key值

<el-button-group class="group">
     <el-button :key='1' icon="el-icon-back" class="group_button1" @click="skip('7','prev')" :disabled="pageIndex7 == 1 ? true : false"></el-button>
      <el-button :key='2' class="group_button2">{{pageIndex7}}/{{page7.length}}</el-button>
      <el-button :key='3' icon="el-icon-right" class="group_button3" @click="skip('7','next')" :disabled="pageIndex7 == 3 ? true : false"></el-button>
</el-button-group>