javascript - Vuejs : Accessing Specific URL Segment

Question

我有一个路线/网址:

Ex. http://localhost:8080/qr-codes

我想访问第一段

二维码

我该怎么做？

我以前可以在 Laravel 中做这样的事情

Request::segment(1);

Answer 1

使用 URL.pathname和 String#split :

const str = 'http://localhost:8080/qr-codes';

const firstSegment = (new URL(str)).pathname.split('/')[1];

console.log(firstSegment);

Vue 演示:

new Vue({
  el: "#app",
  computed: {
    path: function() {
      const firstSegment = (new URL(window.location.href)).pathname.split('/')[1];
      return `${firstSegment}/create`;
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">{{path}}</div>