多页面应用使用vue中v-for和<a>标签进行页面跳转

亦凉 2021-12-11 15:59 630阅读 0赞

<div class="list-item"  v-for="article in articleList" :key="article.id">
                <div class="item">
                    <div class="layui-fluid">
                        <div class="layui-row">
                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                                <div class="img"><img src="img/sy_img1.jpg" th:src="@{/img/sy_img1.jpg}" alt=""></div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                                <div class="item-cont">
                                    <h3>{
       { article.title}}
                                        <button class="layui-btn layui-btn-danger new-icon">new</button>
                                    </h3>
                                    <h5>{
       { article.category }}</h5>
                                    <p>
                                        {
       { article.articleAbstract }} ........</p>
                                    <a :href="'details.html?id='+article.id"  class="go-icon"></a>
                                    <div v-html=""></div>
    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
            </div>

其中 a 标签的正确写法参考

> [https://blog.csdn.net/mning199201/article/details/81355882][https_blog.csdn.net_mning199201_article_details_81355882]

获得url中的参数

var id=getQueryVariable("id");

[https_blog.csdn.net_mning199201_article_details_81355882]: https://blog.csdn.net/mning199201/article/details/81355882