el-button默认第一个选中

在这里插入图片描述

<el-button type="success" plain size="mini" autofocus="true" @click="countCollum('countele')">充电电量</el-button>
<el-button type="success" plain size="mini" @click="countCollum('countnum')">充电次数</el-button>
<el-button type="success" plain size="mini" @click="countCollum('countTime')">充电时长</el-button>
<el-button type="success" plain size="mini" @click="countCollum('countAvg')">平均充电量</el-button>
<el-button type="success" plain size="mini" @click="countCollum('countMax')">最大充电量</el-button>

使用 autofocus=“true”

  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
根据引用\[1\]中的描述,对于element-plus中的el-tree组件,默认选中第一个节点可以通过设置default-checked-keys属性来实现。你可以将default-checked-keys属性绑定到一个数组,数组中的元素是你想要默认选中的节点的key值。例如,你可以将default-checked-keys设置为\[this.arr\[0\].key\]来默认选中第一个节点。 另外,根据引用\[2\]中的代码示例,你可以通过设置props属性来指定el-tree组件的数据结构。在defaultProps对象中,你可以设置children属性和label属性来指定子节点和标签的字段名。 综上所述,你可以尝试在el-tree组件上设置default-checked-keys属性为\[this.arr\[0\].key\]来默认选中第一个节点,并使用props属性来指定数据结构。希望这能帮到你。 #### 引用[.reference_title] - *1* [VUE element-ui 组件 el-tree 默认选中渲染问题](https://blog.csdn.net/qq_44774831/article/details/119698975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [element-plus el-tree使用](https://blog.csdn.net/m0_53266704/article/details/125557151)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值