Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不使用查询的Vuejs 3循环_Javascript_Arrays_Loops_Vue.js - Fatal编程技术网

Javascript 不使用查询的Vuejs 3循环

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} {{

我使用的是vue.js版本3,我不明白在使用查询时如何使用循环检索数据。我试图通过id检索对象,但无法。我在url中获取id。谁能告诉我我做错了什么,谢谢

vue路由

{
    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 )