vue.js中如何获取url的值?

vue.js中如何获取url的值?下面本篇文章来给大家谈谈vue.js从url中取值的两种方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue.js中如何获取url的值?

两种取值方式:

第一种 this.$route.params.lib_id

第一种是用于以下情况

<router-link :to="'/goodsinfo/'+ subitem.artID"  class="">
    <div class="img-box">
        <img  v-lazy =subitem.img_url>
    </div>
    <div class="info">
        <h3>{{subitem.artTitle}}</h3>
        <p class="price">
            <b>{{subitem.sell_price}}</b>元</p>
        <p>
            <strong>库存 {{subitem.stock_quantity}}</strong>
            <span>市场价:
                <s>{{subitem.market_price}}</s>
            </span>
        </p>
    </div>
</router-link>

第二种 this.$route.query.lib_id

  this.$router.push({ path: `/library/targets?lib_id=${index.LibId}` })
   //获取id
   let req_lib_id = this.$route.query.lib_id

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue.js中如何获取url的值?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读