如何访问 framework7 脚本标签内的 URL 参数

Question

我使用的是最新版本的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; 等。其中 None 有效。请建议是否可行。

Answer 1

翻了好几遍framework7的文档，终于自己搞定了。实际上，我试图 post 在 Framework7 的论坛上回答这个问题，大多数时候，开发人员自己提供了一个答案，但每次我尝试登录时，它都会给我错误“您无法使用此 IP 登录地址”。在 Framework7 论坛上也有几个问题可以解决我的问题，但不幸的是没有正确的答案，例如这个问题 - See the question。所以我 post 在 Whosebug 上编辑了这个问题。

无论如何，我正在 post 寻找答案，这样像我这样的人会觉得它有用和有帮助。访问 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>

如何访问 framework7 脚本标签内的 URL 参数

How to access URL parameters inside script tag in framework7

javascript

html-framework-7