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 点击选中改变样式的更多相关文章
	

    
								
  1. vue导航条选中项样式
		
    html: <div id="app"> <div class="collection"> <a href="#!&qu ...
    
		
    2. 
						
  2. 小程序点击事件改变样式(普通js鼠标点击事件)
		
    1.wxml中 <view class="column"> <view class="body-view {{num==1?'active':''}}& ...
    
		
    3. 
						
  3. vue点击时动态改变样式 -------  最简单的方法
		
    vue点击时动态改变样式 template中 <li :class="{ active:index==isActive }" @click="changeValue ...
    
		
    4. 
						
  4. vue踩坑之路--点击按钮改变div样式
		
    有时候,我们在做项目的时候,想通过某个按钮来改变某个div样式,那么可以通过以下代码实现: <!DOCTYPE html> <html> <head> <me ...
    
		
    5. 
						
  5. vue中滚动页面，改变样式&&导航栏滚动时，样式透明度修改
		
    vue中滚动页面,改变样式&&导航栏滚动时,样式透明度修改.vue <div class="commonHeader" v-bind:class=" ...
    
		
    6. 
						
  6. vue点击切换样式，点击切换地址栏，点击显示或者隐藏
		
    1. vue点击显示切换 :class='{"span":index==0}' class原本是 类选择器 加上 :class就是绑定属性的意思 '{"span" ...
    
		
    7. 
						
  7. jq 鼠标点击跳转页面后 改变点击菜单的样式代码
		
    点击菜单跳转页面,然而跳转后的页面字体并没有加粗用如下代码 <div class="bg01 menu"> <img class="img01" ...
    
		
    8. 
						
  8. 微信小程序button选中改样式-实现单选/多选
		
    小程序实现多button单选/多选 红色为选中状态 单选 多选 ①wxss /* pages/button-select/button-select.wxss */ .button_container ...
    
		
    9. 
						
  9. jquery 复选框全选/全不选切换  普通DOM元素点击选中/取消选中切换
		
    1.要选中的复选框设置统一的name 用prop() prop() 方法设置或返回被选元素的属性和值. $("#selectAll").click(function(){ $(&q ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SpringBoot2.0(二) 配置文件多环境
			
    在SpringBoot中,多环节的配置文件名基于application-{profile}.properties的格式,其中{profile}对应环境标识,比如: application-daily. ...
    
			
    2. 
						
  2. linux 环境变量配置（node）
			
    控制台 env 查看当前的环境变量配置 修改/etc/profile文件,在末尾添加以下内容 export NODE_HOME=/usr/local/node //Node所在路径 export PA ...
    
			
    3. 
						
  3. 【Python】Python time mktime()方法
			
    描述 Python time mktime() 函数执行与gmtime(), localtime()相反的操作,它接收struct_time对象作为参数,返回用秒数来表示时间的浮点数. 如果输入的值不 ...
    
			
    4. 
						
  4. table 标签 语法
			
    
			
    5. 
						
  5. HUAS 1482 lsy的后宫(DP+矩阵快速幂)
			
    这道题的DP是很好想的,令dp[i][j]表示第i个位置摆第j种妹子的方法数,j为0表示不摆妹子的方法数. dp[i][j]=sigma(dp[i-1][k])(s[j][k]!='1').容易看出这 ...
    
			
    6. 
						
  6. Linq里where出现null的问题
			
    今天遇到一个问题,怎么在where里判断一个字段是否为null,并且这个字段不是字符串string类型,而是int和GUID类型,折腾了半天终于搞明白了.(由于项目是我半路接手的,问题是前期的同事给我 ...
    
			
    7. 
						
  7. （七）Redis对键key的操作
			
    key的全部命令如下: keys pattern # 查找所有符合给定模式pattern的key ,查找所有key 使用[keys *] del key1 key2 ... # 删除给定的一个或多个k ...
    
			
    8. 
						
  8. 【题解】SCOI2006萌萌哒
			
    看到这题,首先想到\(n^{2}\)的暴力,就是用并查集暴力合并两个相等的点.但由于这样会导致反复地访问同一个操作,显然是不能够的.于是我们可以联想这题的特殊性质,就是互相连变的点都是一段一段的区间. ...
    
			
    9. 
						
  9. BZOJ1030：[JSOI2007]文本生成器——题解
			
    http://www.lydsy.com/JudgeOnline/problem.php?id=1030 Description JSOI交给队员ZYX一个任务,编制一个称之为“文本生成器”的电脑软件 ...
    
			
    10. 
						
  10. CF578C：Weakness and Poorness——题解
			
    https://vjudge.net/problem/CodeForces-578C —————————————————————————— 题目大意:序列的数-x,求最大连续子序列和的绝对值的最小值. ...
    
			
    11.