vue动态给a标签和img标签设置属性

2019-01-23 08:13:04  卢浮宫  版权声明:本文为站长原创文章,转载请写明出处


一、因为spa的原因,除了谷歌外暂没有其他的爬虫预加载js文件,所以暂时就在页面里面放些连接引导下。


二、代码段如下

    <div class="xa-item-title xa-left-85 xa-h20">
        <a :href="getArticleHref(item.id )">{{item.title}}</a>
        <!-- <a v-bind:href =""http://www.guangmuhua.com/pages/articleDetail/articleDetail.jsp?articleId=140">{{item.title}}</a> -->
    </div>

    js部分如下

    getArticleHref:function(articleId){
        return "http://www.guangmuhua.com/pages/articleDetail/articleDetail.jsp?articleId=" + articleId;
    }

三、生成的界面里面就拼接好动态href属性了,点击也能正常访问。


四、补充下动态设置img的src属性原理同上。



更多精彩请关注guangmuhua.com


最新评论: