Laravel + Vue,如何在vue中获取url的参数

时间:2018-03-12 10:41:35

标签: vue.js laravel-5.5

我已将id传递给url ie。 (http://127.0.0.1:8000/admin/article/32)。现在我想在vue中获取该id以仅获取该id的数据,但我不知道在vue中获取该id

我的vue脚本位于

之下
 <script>

        export default{

            data() {
                return{

                    articles : [],
                    article: {
                        id :'',
                        title : '',
                        body : '',
                        date :''
                    },
                    article_id: ''
                };
            },

            created() {
                this.fetchArticles();
            },

            methods: {
                fetchArticles() {
                    var page_url = 'http://127.0.0.1:8000/api/admin/article/'+ I want the parameter id here;
                    fetch(page_url)
                        .then(res => res.json())
                        .then(res => {

                            this.article = res.data;
                        })

                        .catch(err => console.log(err));
                }

            }
        };
    </script>

1 个答案:

答案 0 :(得分:0)

我假设您没有使用vue-router。

您可以使用window.location属性获取当前的url对象。

您可以使用获取当前ID  var id = window.location.href.split('/').pop();