vue中a链接的href写法
2020-02-20 本文已影响0人
zoomlaCMS
一般常用两种方式
1.其提供的路由元素
<router-link to="/">Home</router-link>
2.JS中跳转
this.$router.push("/");
3、强制写法
强制写法
<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>
注意点:href前面要加“:”或者v-bind:
2.字符串要用单引号“ ’ ”包住
加上了冒号是为了动态绑定数据,等号后面可以写变量。
如果不使用冒号,等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了
4、我的一种纯手工写法,比较笨呵
<a href="/rpa/#/Content/3470">{{item.GeneralID}} {{item.Title}}</a>