如何在framework7中访问脚本标签内的URL参数答案

【问题标题】：How to access URL parameters inside script tag in framework7如何在framework7中访问脚本标签内的URL参数
【发布时间】：2021-12-21 20:20:29
【问题描述】：

我正在使用最新版本的 Framework7。这就是我想要做的：

在我的 route.js

{
   path: '/guest_course/:id/',
   componentUrl: './pages/course-detail-guest.html',
},

在我的 .html 页面中，我可以像这样访问值： <h5> ${$f7route.params.id} </h5>

我的问题是-我可以像这样访问脚本标签内的这个参数吗-

<script>
 var userID = ${$f7route.params.id};
 alert('User Id is: '+userID);
//I need to send post request to API server using var userID
</script>

到目前为止，我已经尝试过 - var userID = ${this.$f7route.params.id};、var userID = $f7route.params.id;、var userID = $f7route.query.id;、var userID = this.$route.query.id; 等等。它们都不起作用。请建议这是否可能。

【问题讨论】：

标签： javascript html-framework-7

【解决方案1】：

在多次阅读framework7文档后，我终于自己完成了。实际上，我试图在 Framework7 的论坛上发布这个问题，大多数时候，开发人员自己提供了一个答案，但每次我尝试登录时，它都会给我一个错误“你不能用这个 IP 地址登录”。 Framework7论坛上也有一些问题可以解决我的问题，但不幸的是没有正确的答案，例如这个问题 - See the question。所以我在 StackOverflow 上发布了这个问题。

无论如何，我正在发布答案，以便像我这样的人会发现它有用且有帮助。访问URL参数的正确方式（如果和我的情况类似的话）是props.id

例如：

<script>
export default (props) => {
    var userID = $f7route.params.id; //This will not work, I tried.
    var userID = $route.params.id; //This too will not work
    var userID = props.id; //This works ;-)
    console.log('User ID: '+UserID);
 })
</script>

【讨论】：