美文网首页
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