我是新的 vuejs 學習者，我想從 url 獲取查詢值以在 vue 方法中使用它，如下所述。
這是路線：
{
path: "/FetchData/:query?",
name: "FetchData",
component: FetchData,
}
這是重定向到第二頁的鏈接
<router-link :to="{ path: '/FetchData', query: { query: country.countryName }}">
這是api
public IActionResult GetSubs(string query, int? subs)
{
return Ok(SubService.GetSubs(query, subsId));
}
這是呼叫api的vue方法
getSubs() {
axios.get("https://localhost:44391/api/Subs/GetSubs")
.then(res => this.subs = res.data)
.catch(err => console.log(err))
}
最后，這是顯示資料的 html
<div class="d-flex flex-row mb-3">
<div class="d-flex flex-column ml-2"><span>{{subs.subsId}}</span></div>
</div>
<h6 style="text-align:left">{{subs.label}}</h6>
uj5u.com熱心網友回復：
如果您使用的是 vuejs 2，則可以使用以下方式訪問查詢：this.$route.query
但如果您使用的是 v3，則應該類似于：
import { useRoute } from 'vue-router'
import { computed } from 'vue';
export default {
setup() {
const route = useRoute()
return {
query: computed( () => route.query )
}
}
}
然后你可以this.query在你的方法中使用
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/479358.html