a链接的href怎么用vue动态生成
a链接的href用vue动态生成可以使用vue中的动态数据绑定v-bind:href="url"。v-bind指令，简写为“:”，下面来看看一个动态生成a标签并绑定href属性的示例，让各位加深理解。
<div id="appp">
<table>
<tr v-for="item in sites">
<td>
<a
:href="'addalarmnotes.do?alarmId=' + item.id + '&activetype1=detail'"
target="_blank">{{item.name}}</a>
</td>
</tr>
</table>
</div>注意的是：（相关课程推荐：Vue.js教程）
a）href前面要加“：”或者 v-bind:
b）字符串要用单引号“ '' ”包住
c）加上了冒号是为了动态绑定数据，等号后面可以写变量。
d）如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了
<script>
new Vue({
el: '#appp',
data: {
sites: [
{ name: 'Runoob' ,id:"1"},
{ name: 'Google' ,id:"2"},
{ name: 'Taobao' ,id:"3"}
]
}
})
</script>本文来自Vue.js答疑栏目，欢迎学习！
以上就是a链接的href怎么用vue动态生成的详细内容，更多请关注易知道|edz.cc其它相关文章！
