描述问题：问题1：使用 App 多页应用组件，设置动态路由（/page/:id）详情页，从详情页1（/page/123)跳转至详情

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

你好 <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

App组件设置动态路由页面，获取不到最新 url 参数问题 about amis HOT 3 OPEN

findreamer commented on May 1, 2024 1

App组件设置动态路由页面，获取不到最新 url 参数问题

from amis.

Comments (3)

findreamer commented on May 1, 2024 1

@cic1988 呃，你这个示例代码不是单页应用啊，只是应用了Page组件，单页应用应该使用App组件（amis官网-组件- App），可参考源码示例：https://github.com/baidu/amis/blob/master/examples/app/index-vite.html，

from amis.

findreamer commented on May 1, 2024

问题1：params没有更新的原因是，这里url发生变化，当发现匹配的是相同的页面时，直接就退出了，没有更新到params参数，这里能否提交一个PR处理一下。

packages/amis-core/src/store/app.ts

问题2：query未获取到的原因是，App 组件的父组件高阶组件HocStoreFactory 在 componentDidUpdate生命周期中有更新 IRenderer.data 逻辑（更新query数据），react组件的 componentDidUpdate 执行顺序是子组件 > 父组件，也就是说 location发生变化时，App组件会先执行render函数，但是从store.PageData中获取到的数据仍未更新。

from amis.

cic1988 commented on May 1, 2024

你好 @findreamer 。请教一下，我现在的情况和问题里的情况有点不一样。我使用的是单页应用。请问如何动态跳转到一个新页面，而这个新页面就想你在视频里面一样是显示在同一个内嵌页面里面呢？十分感谢。

<body>
    <div class="amiss" id="amisId"></div>
    <script type="text/javascript">
        (function () {
            let amis = amisRequire('amis/embed');
            let current_time = "{{ current_time }}";
            let amisInstance = amis.embed(
                '#amisId',
                {
                    "type": "page",
                    "title": "新页面",
                    "body": [
                        {
                            "type": 'button',
                            "actionType": 'link',
                            "link": "./simple.html/detail",
                            "label": 'jump to detail page',
                            "level": 'primary'
                        }
                    ]
                },
                { locale: "zh-CN" },
                { theme: "cxd" }
            );
        })();
    </script>
</body>

from amis.

Recommend Projects

App组件设置动态路由页面，获取不到最新 url 参数问题 about amis HOT 3 OPEN

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent