精华内容
下载资源
问答
  • 今天小编就为大家分享一篇vue 实现路由跳转时更改页面title,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • //路由发生变化修改页面title router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } next() }) //修改src/router/index.js文件 //每个path都添加meta: {} routes: [ ...

    //修改src/main.js文件
    //路由发生变化修改页面title
    router.beforeEach((to, from, next) => {
    if (to.meta.title) {
    document.title = to.meta.title
    }
    next()
    })

    //修改src/router/index.js文件
    //每个path都添加meta: {}
    routes: [
    {
    path: ‘/’,
    name: ‘index’,
    component: Index,
    meta: {
    title: ‘首页’
    }
    }
    ]
    })

    展开全文
  • 利用js动态切换页面title

    千次阅读 2018-12-21 21:02:44
    <script type="... function changeTitle(){ if(index % 2==0){ document.title="★☆美丽说,发现美★☆"; }else{ document.title="☆★美丽说,发现美☆★"; } index...
    <script type="text/javascript">
      var index=0;
      function changeTitle(){
        if(index % 2==0){
          document.title="★☆正常★☆";
        }else{
          document.title="☆★哈哈哈☆★";
        }
        index++;
        //alert(index);  //测试index
        setTimeout("changeTitle()",500);
      }
      window.onload=changeTitle;
    </script>

     

    展开全文
  • WKWebView跳转后的页面URL获取处理。直接贴代码。 DDBWebViewController.h // // DDBWebViewController.h // DDBIOS // // Created by liwx on 2018/3/14. // Copyright © 2018年 io.lwx. All rights reserved....

    WKWebView跳转后的页面URL获取处理。直接贴代码。
    DDBWebViewController.h

    //
    //  DDBWebViewController.h
    //  DDBIOS
    //
    //  Created by liwx on 2018/3/14.
    //  Copyright © 2018年 io.lwx. All rights reserved.
    //
    
    #import <UIKit/UIKit.h>
    
    @interface DDBWebViewController : DDBViewController
    @property (nonatomic, strong) NSString *urlString;
    @property (nonatomic, strong) NSString *titleName;//标题
    @end
    

    DDBWebViewController.m

    //
    //  DDBWebViewController.m
    //  DDBIOS
    //
    //  Created by liwx on 2018/3/14.
    //  Copyright © 2018年 io.lwx. All rights reserved.
    //
    
    #import "DDBWebViewController.h"
    #import <WebKit/WebKit.h>
    
    @interface DDBWebViewController ()<WKUIDelegate,WKNavigationDelegate>
    
    @property (weak, nonatomic)WKWebView *webView;
    
    @property (nonatomic, strong) NSString *originUrlString;//原始URL
    
    
    @end
    
    @implementation DDBWebViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view from its nib.
        WKWebView *web = [[WKWebView alloc]  initWithFrame:self.view.bounds];
        [self.view addSubview:web];
        [web mas_makeConstraints:^(MASConstraintMaker *make) {
            make.edges.equalTo(self.view);
        }];
        typeof(self) weakSelf = self;
        web.UIDelegate = self;
        web.navigationDelegate = weakSelf;
    
        self.webView = web;
        self.originUrlString = self.urlString.copy;
        if (self.urlString.length) {
            if (![self.urlString hasPrefix:@"http"]) {
                self.urlString = [NSString stringWithFormat:@"http://%@",self.urlString];
            }
            if ([self.urlString containsString:@"?"]) {
                if (![self.urlString containsString:@"fromApp=1"]) {
                    self.urlString = [self.urlString stringByAppendingString:@"&fromApp=1"];
                }
            } else {
                self.urlString = [self.urlString stringByAppendingString:@"?fromApp=1"];
            }
            NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:self.urlString]];
            [self.webView loadRequest:request];
        }
        [self initRightItem];
        [self initBackItem];
        [self.webView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:NULL];
        //修改滚动速度
        for (UIView *v in self.webView.subviews) {
            if ([v isKindOfClass:NSClassFromString(@"WKScrollView")]) {
                UIScrollView *sv = (UIScrollView *)v;
                sv.decelerationRate = UIScrollViewDecelerationRateFast;
            }
        }
    }
    
    #pragma mark KVO的监听代理
    - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
        //网页title
        if ([keyPath isEqualToString:@"title"]) {
            if (object == self.webView) {
                self.titleName = self.webView.title;
            } else {
                [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
            }
         } else {
            [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
         }
    }
    
    #pragma mark 移除观察者
    - (void)dealloc
    {
        [self.webView removeObserver:self forKeyPath:@"title"];
    }
    
    - (void)initBackItem {
        UIButton *backItem = [UIButton buttonWithType:UIButtonTypeCustom];
        UIImageView *img = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"back_arrow_white"]];
        [backItem addSubview:img];
        backItem.frame = CGRectMake(0, 0, 60, 44);
        img.centerY = backItem.centerY;
        [backItem addTarget:self action:@selector(backButtonAction) forControlEvents:UIControlEventTouchUpInside];
        self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backItem];
    }
    
    
    - (void)backButtonAction {
    //    //返回
    //    if ([self.webView canGoBack]) {
    //        [self.webView goBack];
    //        return;
    //    }
        [self.navigationController popViewControllerAnimated:YES];
    
    }
    
    - (void)initRightItem {
        UIButton *rightButton = [UIButton buttonWithType:UIButtonTypeCustom];
        [rightButton setImage:[UIImage imageNamed:@"share-white"] forState:UIControlStateNormal];
        [rightButton setImage:[UIImage imageNamed:@"share-white"] forState:UIControlStateSelected];
        [rightButton setImage:[UIImage imageNamed:@"share-white"] forState:UIControlStateHighlighted];
        //rightButton.showsTouchWhenHighlighted = YES;
        [rightButton addTarget:self action:@selector(shareAction) forControlEvents:UIControlEventTouchUpInside];
        [self.navigationBar addSubview:rightButton];
        rightButton.frame = CGRectMake(SCREEN_WIDTH - 44, 0, 44, 44);
    }
    
    - (void)shareAction {
        //分享URL
        [UMSocialUIManager showShareMenuViewInWindowWithPlatformSelectionBlock:^(UMSocialPlatformType platformType, NSDictionary *userInfo) {
            [self sharedToPlatform:platformType];
        }];
    }
    
    - (void)sharedToPlatform:(UMSocialPlatformType)type {
       //
    }
    
    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    // 类似 UIWebView的 -webView: shouldStartLoadWithRequest: navigationType:
    - (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation {
        NSLog(@"aaaa redirect....");
    }
    
    // 在收到响应后,决定是否跳转
    - (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
        NSLog(@"在收到响应后:%@",navigationResponse.response.URL.absoluteString);
        //允许跳转
        decisionHandler(WKNavigationResponsePolicyAllow);
        //不允许跳转
        //decisionHandler(WKNavigationResponsePolicyCancel);
    }
    
    // 在发送请求之前,决定是否跳转
    - (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    
        NSString *url = navigationAction.request.URL.absoluteString;
        if (navigationAction.targetFrame.isMainFrame) {
            NSLog(@"target is main ... %@",url);
            if (navigationAction.sourceFrame.mainFrame) {
                NSLog(@"source is main...%@",url);
                //是原始url 放行
                if ([self.urlString isEqualToString:url]) {
                    decisionHandler(WKNavigationActionPolicyAllow);
                    NSLog(@"放行bbbbbbbbbbbbbbbbb...%@",url);
                    return;
                }
    
                //不是原始url
                if ([url isEqualToString:self.originUrlString]) {
                    //不是跳转后的url 放行
                    decisionHandler(WKNavigationActionPolicyAllow);
                    return;
                }
                //push后 修改后的url 放行
                if ([url containsString:@"fromApp=1"]) {
                    decisionHandler(WKNavigationActionPolicyAllow);
                    return;
                }
                //跳转
                NSLog(@"跳转aaaaaaaaaaaaaaaaaaaaaa...%@",url);
                decisionHandler(WKNavigationActionPolicyCancel);
                DDBWebViewController *pwVC = [[DDBWebViewController alloc] init];
                pwVC.urlString = url;
                [self.navigationController pushViewController:pwVC animated:YES];
                return;
            } else {
                NSLog(@"source is not main...%@",url);
            }
        } else {
            NSLog(@"target is not main ... %@",url);
        }
        decisionHandler(WKNavigationActionPolicyAllow);
        NSLog(@"在发送请求之前:%@",navigationAction.request.URL.absoluteString);
    }
    
    @end
    
    展开全文
  • VUE点击跳转到指定的Tab选项页

    千次阅读 2020-12-15 10:58:14
    项目场景:VUE点击跳转到指定的Tab选项页 提示:这里简述项目相关背景: 例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大) 问题描述: 提示:这里描述项目中遇到的...
  • 一、router文件夹下的index文件中给每个path添加meta:{}:export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'title1' ...
  • 1.要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 2.导航当前项,在el-menu标签中绑定 :default-active=...
  • :如上图 先写路由 如:随便模拟一条二级路由 export default new Router({ routes: [ ... title:'用户列表' ... title:'列表信息' ...那么你会看见当你跳转页面时你的标题已经改变成你定义的了
  • 因为项目要做一个辽宁省特产区域,涉及到地图。 话不多说上代码前端<!doctype html> <html><head> <title>辽宁地区</title></head><body> ;"> <script src="__PUBLIC__/Home/js
  • vue-router 跳转页面的时候,修改页面的title为对应的路由 routes: [ { // 默认的首页 path: '/', name: 'Home', component: Home, meta: { index: 0, title: '首页' } }, ...
  • vue路由跳转,页面title随之变化

    千次阅读 2019-04-08 14:38:06
    ## vue设置路由title,实现在vue路由发生变化的时候,相应的页面title随之变化 使用vue-wechat-title插件来解决 步骤: 1、在项目根目录下打开命令行通过 “npm install vue-wechat-title --save” 来安装插件。 2、...
  • 1.在router/index.js的每个路由中配置title   2.在项目中运行命令 npm install vue-wechat-title --save 安装插件(在 package.json文件的dependencies中可以看到已安装"vue-wechat-title": "^2.0.5") 3.在...
  • 文章目录(含效果图、演示代码)vue路由跳转不同页面的时候,自动更改页面title一、效果图演示:二、示例 · 重要代码:三、设置总结 · 类比 (含效果图、演示代码)vue路由跳转不同页面的时候,自动更改页面title...
  • 实现思路很简单:就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title 1.首先在route里面给每个路由加上meta属性 2.在main.js里面加上导航守卫 router.beforeEach((to,form,next) => { window....
  • //在路由跳转之前判断,除了首页以外,其他页面必须登录才能访问,异步问题 router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title ...
  • // 导航离开该组件的对应路由时调用 // 可以访问组件实例 this beforeRouteLeave (to, from, next) { to.meta.title = ‘不动产信息’ + this.totalityInfoIndex next() }
  • 在这里我们的代码编写分为两个部分 云数据库操作 ...跳转之前的界面操作 1.在本次示例中为index 在index.wxml中编写: <navigator hover-class="none" url="/pages/list/index?title=可乐&i...
  • ios与js交互,获取webview完整url,title,获取元素并赋值跳转
  • 这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <...
  • 在页面跳转的时候 一般使用都是js [removed].href 当然也可以使用复制代码 代码如下: <html> <head> <meta http-equiv=”refresh” content=”0;url=http://www.baidu.com”> <title></...
  • 1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//... <head> <... charset=utf-8″ />...title>Form提交表单页面不跳转</title> </head> <b
  • 前言 本文主要给大家介绍了关于react-router跳转传值的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍: react-router跳转传值 ... title:value.title, time:value.time, text:value.text
  • 自己写好的json AIP 接口 想通过点击相同的图片跳转到商品详情页面 无法实现,几经周折后想到了 navigator 通过页面传参取json数据下标的方法,这个方法实测可以使用 以下是部分json数据和小程序代码。 顺便分享一个...
  • Javascript框架在处理seo方面存在问题,因为爬虫在检索seo信息的时候会读不了js给其赋的值,导致搜索引擎收录不了或者收录了无效的信息,比如收录的可能是title={{title}}这样的,下面先说如何在路由跳转时修改页面的...
  • 下面将实现 Web跳转到app指定页面并传递参数 总结 先看效果图: h5页面代码: <!doctype html> <html> <head> <meta charset=utf-8> <meta name=viewport content=initial-scale=1.0, ...
  • 使用setTimeout()函数实现跳转延迟 <html> <head> <title> jquery 延迟跳转</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> [removed] function ...
  • QT多界面切换(登录跳转

    千次阅读 2019-09-16 23:29:39
    多界面切换(登录跳转) 应用程序中经常需要在多个界面中跳转切换,最常见的就是登录跳转,下面是简单过程实现。 程序运行时,显示登录界面,点击登录后跳转至界面2执行具体业务。点击返回时回到登录界面。 界面1...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 188,115
精华内容 75,246
关键字:

title跳转