Javascript 不使用查询的Vuejs 3循环
我使用的是vue.js版本3,我不明白在使用查询时如何使用循环检索数据。我试图通过id检索对象,但无法。我在url中获取id。谁能告诉我我做错了什么,谢谢 vue路由Javascript 不使用查询的Vuejs 3循环,javascript,arrays,loops,vue.js,Javascript,Arrays,Loops,Vue.js,我使用的是vue.js版本3,我不明白在使用查询时如何使用循环检索数据。我试图通过id检索对象,但无法。我在url中获取id。谁能告诉我我做错了什么,谢谢 vue路由 { path:'/faq/:idQuestions', name:'FaqQuestion', component:() => import('../components/admin/faq/FaqQuestion.vue') }, 最后的问题 测试1 测试2 测试3 {{faq.id} {{
{
path:'/faq/:idQuestions',
name:'FaqQuestion',
component:() => import('../components/admin/faq/FaqQuestion.vue')
},
最后的问题
测试1
测试2
测试3
{{faq.id}
{{faq.title}
{{faq.question}}
导出默认值{
名称:“常见问题解答”,
数据(){
返回{
idTest:2,
问题:[],
//id:2,
常见问题:[
{
id:1,
标题:“新标题-1”,
问题:“测试1”
},
{
id:2,
标题:“新标题2”,
问题:“测试2”
},
{
id:3,
标题:“新标题3”,
问题:“测试3”
}
]
}
},
beforeMount(){
const url=window.location.href;
this.id=url.split(“/”).slice(-1)[0];
console.log(this.id)
}
}
您可以访问模板中的route param,如下所示:
{$route.params.idQuestions}
或者在组件方法内部使用this.$route.params.idQuestions
您可以使用Array.find()
查找基于它的特定数据,如:
this.faqQuestion.find(question => question.id == this.$route.params.idQuestions )
你能用id完整显示你的URL吗这里是URL@Kevin,我点击了id:1的第一个链接。你在使用Vue路由器吗?你是如何进行路由的?请创建一个我正在使用vue路由器,我已修改并将路由代码放入我的描述中。如果您需要TJ,我将设法检索url参数。我不能做的只是获取与url中的id匹配的对象。当我到达页面时,它会显示表中的所有对象,即使在url中写的是id:1或2或3@tony更新了答案(不确定数据是否会出现在装载前的
中,请确保它是)感谢您的帮助它工作正常我设法恢复单个对象。您可以告诉我如何不将其显示为对象:它的显示方式如下{“id”:1,“title”:new-title-1,“question”:test1}您可以使用当前设置更新问题或指向新问题的链接吗?我想这是由问题中未显示的内容造成的我成功了再次感谢您的帮助:)
{$route.params.idQuestions}
this.faqQuestion.find(question => question.id == this.$route.params.idQuestions )