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>

示范网址:http://www.z01.com/rpa

上一篇下一篇

猜你喜欢

热点阅读