最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

[基本解决]Framework7中在页面跳转后如何更新页面的url地址

Framework7 crifan 2979浏览 0评论

折腾:

[基本解决]Flask中用redirect和url_for跳转到URL但是网页中的url地址没有变化

期间,知道了

在Flask中,redirect后,url地址还没变,是由于js库导致的

比如jquery-mobile中,就是用:

<div data-role="page" id="welcome" data-url="{{ url_for(‘index’) }}">

但是我此处是Framework7的js库

所以要去搞清楚

在Framework7中,如何在页面跳转后,更新url地址

或者说:

Framework7中类似于data-url的属性,可以设置url地址的

Framework7 url

Framework7 change url

Linking between views | Framework7 Documentation

Router JavaScript API | Framework7 Documentation

javascript – 【已解决】framework7使用pushState后url依然没有变化 – SegmentFault

How can I achieve URL change on href? · Issue #331 · nolimits4web/Framework7

Initialize App | Framework7 Documentation

试试里面说到的:

pushState

和:

pushStateSeparator

去加上参数:

var myApp = new Framework7({
    pushState: true,
    pushStateSeparator: "",
    swipePanel: ‘left’,
    // … other parameters
});

结果问题依旧。

Framework7 redirect url

Redirect link from index.html to another html file | Framework7

Redirect url match | Framework7

how do i redirect by using javascript ? · Issue #11 · nolimits4web/Framework7

Redirection Issue · Issue #743 · nolimits4web/Framework7

要不抽空参考:

“$$(‘.fa-camera’).on(‘click’, function () {

mainView.router.loadPage(‘profile.html’,function(){

capturePhoto(); // profile.html page function //

});

});”

然后自己去在click的事件中,获得对应的eventId,

然后传入mainView.router.loadPage中?

javascript – Framework7: Login redirect – Stack Overflow

“<a href="somepage.html" class="external">link</a>”

此处加上external,会有啥效果?

javascript – Load an external page within framework7 wrapper – Stack Overflow

framework7 redirect url pass para

此处,用代码:

                                        <!–<a href="{{ url_for(‘show_event’, event_id = expiredEvent.id, curUserOpenid = curUser.openid) }}" class="item-link item-content">–>
                                        <a href="{{ url_for(‘show_event’, event_id = expiredEvent.id, curUserOpenid = curUser.openid) }}" class="external">

结果,显示出来的内容,都是蓝色带链接的:

然后跳转到对应的页面后:

很明显:

显示的内容是有了,但是css等是没有生效的

-》因为此处是Framework7的页面,默认继承的内容,是不需要head和body和css等的

-》所以此处显示没有布局了

-》理论上,加上完整的html的内容,应该可以正常显示的。

-》但是是否能导航回去,以及左右边栏等内容,就没发正常处理了。

不过:

拷贝出来的url地址是我们所希望的了:

http://hd.webonn.com/show_event_page/1

[总结]

此处,只能算是基本解决了:

把href,加上external,即可实现url地址中,显示对应的地址了。

但是:

1.还需要跳转的新页面中,是完整的html,否则内容无法完全显示。

2.而且显示出来的内容,变成可以点击的蓝色了。。也很不爽,需要有空去掉才行。

等以后有空再折腾这部分吧。

转载请注明:在路上 » [基本解决]Framework7中在页面跳转后如何更新页面的url地址

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
53 queries in 0.173 seconds, using 18.63MB memory