Vue 选项卡以及当前样式的改变

最新推荐文章于 2024-01-09 19:24:06 发布

张张524

最新推荐文章于 2024-01-09 19:24:06 发布

阅读量560

点赞数

本文链接：https://blog.csdn.net/sinat_42501006/article/details/97259522

版权

本文介绍如何在Vue中创建选项卡组件，实现点击切换不同内容，并动态改变选中项的样式。通过数据绑定和事件处理，使得用户体验更加流畅。

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

 <div style="display: flex;">
    <h2 class="user_login"  @click="changebycolor(0)" :class="{selecteds:typeum==0}">用户登录</h2>
    <h2   @click="changebycolor(3)" :class="{selecteds:typeum==3}">扫码登录</h2>
    <h2 class="user_reg"  @click="changebycolor(1)" :class="{selecteds:typeum==1}">新用户注册</h2>
  </div>

		<!--

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

张张524

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue 选项卡以及当前样式的改变

<div style="display: flex;"> <h2 class="user_login" @click="changebycolor(0)" :class="{selecteds:typeum==0}">用户登录</h2> <h2 @click="changebycolor(3)" :class="{selecteds...
复制链接

扫一扫