网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  vue 点击选中改变样式

vue 点击选中改变样式

分类: IT文章 • 2022-07-17 18:12:02
data里
isActive:-1,
method里
checkedItem(index){
this.isActive=index;
},
页面里
<div v-for="(item,index) in nameoptions" v-bind:class="{active:index==isActive}" @click="checkItem(index)>{{item.name}}</div>




相关推荐

  • vue动态改变样式
  • 小程序点击事件改变样式(普通js鼠标点击事件)
  • vue导航条选中项样式
  • WPF,创建一个Hyperlink并加入到RichTextBox内,光标样式不能改变且点击时不能直接打开文件夹?该如何处理
  • Vue动态的改变css样式 Vue根据属性改变css样式
  • 在程序中用代码改变了鼠标指针的样式,然后使用鼠标的时候发现鼠标指针的位置和真实位置有偏差,造成的结果就是点击这个按钮,结果是另一个按钮响应,该怎么处理
  • asp.net后台动态改变样式后,点击button又改回原来的了,该怎么处理
  • 使用vue实现tab栏的点击切换样式
  • 右键点击ListView怎么才能不改变选中状态
  • WPF listBox选中项改变样式
  • z-index 不起作用
  • mysql 提示符显示用户,数据库等信息
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号