首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

vue腾讯地图标记高亮

发布网友 发布时间:2022-04-21 04:00

我来回答

2个回答

懂视网 时间:2022-05-15 04:34

下面我就为大家分享一篇vue实现a标签点击高亮方法,具有很好的参考价值,希望对大家有所帮助。

如下所示:

<!DOCTYPE html>
<html
lang="en">
<head>
<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>
</head>
<body>
<p
id="app">
<a
class="s-bt" @click="selected(Aname.name)"
 :class="{active: active == Aname.name}"
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>
</body>
</html>

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

基于jQuery实现Ajax验证用户名是否可用实例

jQuery实现的回车触发按钮事件功能示例

jQuery+Cookie实现切换皮肤功能

热心网友 时间:2022-05-15 01:42

可以在代码中添加命令。
可以在腾讯地图的代码中添加标记高亮命令,还可以自己做带logo的标记。地图还可以加点击事件,点哪个位置,标记就自动更新到哪个位置。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com