vue实现a标签点击高亮
来源:互联网 发布:历代windows 编辑:程序博客网 时间:2024/06/07 00:25
<!DOCTYPE html>
<htmllang="en">
<head>
<title></title>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1">
<!--<link href="css/style.css" rel="stylesheet">-->
<scriptsrc="js/jquery.js"></script>
<scriptsrc="js/vue(2.0).js"></script>
<stylelang="less"rel="stylesheet/less">
.a {
display:block;
float:left;
margin-left:20px;
}
.active {
color:red;
font-size:17px;
}
</style>
</head>
<body>
<divid="app">
<aclass="s-bt" @click="selected(Aname.name)" :class="{active: active == Aname.name}"v-for="Aname in Alist">{{Aname.name}}</a>
</div>
<script>
newVue({
el:'#app',
data: {
Alist: [{
name:'影视大咖'
}, {
name:'女明星'
}, {
name:'男明星'
}, {
name:'商业大亨'
}],
active:''
},
mounted() {
},
methods: {
selected(name) {
this.active= name;
}
}
})
</script>
</body>
</html>
阅读全文
0 0
- vue实现a标签点击高亮
- vue初试 标签页点击(多选/反选)高亮
- vue结合Echarts实现点击高亮效果
- html中a标签点击去掉高亮背景
- vue 实现高亮
- 实现点击超链接<a>标签,点击的标签变色,标注
- VUE 文件高亮显示标签
- javascript点击<a>超链接标签的实现
- <a>标签点击实现下载文件功能
- HTML中的a标签实现点击下载
- 点击a标签发送邮件的实现
- HTML中的a标签实现点击下载
- HTML中的a标签实现点击下载
- <a>标签点击事件
- 2014.04.04实现 模拟a标签的点击事件
- 使用jQuery 模拟鼠标点击a标签事件 实现定位
- JQuery中模拟点击<a>标签,实现页面跳转
- 怎么用<a>标签实现点击链接直接下载文件
- mysql 让id重新从1开始
- 数据库数据字典生成脚本 (Database Dictionary Generator)
- OpenGL error 0x0502
- 最大连续子序列乘积
- oracle回滚表数据到指定时间
- vue实现a标签点击高亮
- html5的一些小常识
- 关于spring boot的一些注解
- jQuery基础知识
- 【Python】copy()与deepcopy()的区别
- sql简单汇总方式
- PHP第三方登录OAuth2.0协议
- SVN版本控制服务器安装与配置
- VS2008(10及以上版本)opencv2.413的配置