반응형
어떻게 기지를 얻기 위해URLVuejs 안에 법vue 라우터를 사용?
나는 이곳은 기본 URL로 구성된 문자열을 만드는 것이 필요한 방법을 갖고 있다./get-it
그리고 어떤 무작위 문자열어?
methods:{
GenerateURL(){
...
}
}
어떻게 낼 수 있을까?어떻게 저는 하지만 어떤 빈 그 /get-it 페이지로 이동하지 않고 기본 URL또는 /get-itvue 라우터와 함께 갈 수 있나요?그냥 기기 안에 문자열로 사용할 필요가 있다.
는 도움말:
달러route.path
형식:문자열
현재 노선의 경로의 숫자를 가진 문자열, 항상 절대 경로로 결심했다. 예를 들어"/foo/bar".
그래서 당신의 경우:이 일을 할 수 없다
methods:{
GenerateURL(){
var fullUrl = window.location.origin + this.$route.path + "/get-it/yourRandomString"
}
}
입지 기원.
간단하고 쉬운 방법 VueJs에 baseUrl을 얻는 것이다.
var baseUrl = window.location.origin
감안할 때https://mywebsite.com/some/vue/route
import router from "@/router";
console.log(window.location.origin) // https://mywebsite.com
console.log(router.currentRoute.value.fullPath) // /some/vue/route
이 매우 간단하다는데
// app.js
Vue.prototype.$url= window.location.origin;
// in component
console.log(this.$url)
output: https://stackoverflow.com
참조URL:https://stackoverflow.com/questions/63401547/how-to-get-baseurl-inside-vuejs-method-using-vue-router
반응형
'IT이야기' 카테고리의 다른 글
react.js 인라인 스타일 모범 사례 (0) | 2022.03.09 |
---|---|
기능 다중 조건의 Numpy (0) | 2022.03.09 |
Vue Js - v-for X time(범위 내)을 통한 루프 (0) | 2022.03.09 |
UseState는 항상 이전 값을 표시함 (0) | 2022.03.09 |
Vue/Vuetify - 알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까? (0) | 2022.03.09 |