美文网首页
vue中a链接的href写法

vue中a链接的href写法

作者: zoomlaCMS | 来源:发表于2020-02-20 08:16 被阅读0次

一般常用两种方式
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

相关文章

网友评论

      本文标题:vue中a链接的href写法

      本文链接:https://www.haomeiwen.com/subject/scytqhtx.html