这次给大家带来用vue让a标签点击高亮(附代码),用vue让a标签点击高亮的注意事项有哪些,下面就是实战案例,一起来看一下。
如下所示:
nbsp;html> <title></title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!--<link href="css/style.css" rel="external nofollow" rel="stylesheet">--><script src="js/jquery.js"></script><script src="js/vue(2.0).js"></script><style lang="less" rel="stylesheet/less"> .a { display: block; float: left; margin-left: 20px; } .active { color: red; font-size: 17px; } </style><p id="app"> <a class="s-bt" v-for="Aname in Alist">{{Aname.name}}</a> </p> <script> new Vue({ el: '#app', data: { Alist: [{ name: '影视大咖' }, { name: '女明星' }, { name: '男明星' }, { name: '商业大亨' }], active: '' }, mounted() { }, methods: { selected(name) { this.active = name; } } }) </script>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上就是用vue让a标签点击高亮(附代码)的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号