vue.js 配置移动端的url Scheme和iOS端配置url Scheme

简介: 假如urlScheme:baibai://一、vue.js端的配置:1.通过html标签跳转:     2.通过调用js:    methods:{           gotolist(msg) {               window.location.href="baibai://";       }    } 二、移动端配置(在这边只举例iOS端的配置):1.打开工程中的info.plist:       2.安装到真机上边。

假如urlScheme:baibai://

一、vue.js端的配置:

1.通过html标签跳转:

     <p href="baibai://"></p>

2.通过调用js:

    methods:{
           gotolist(msg) {
               window.location.href="baibai://";
       }
    }
 
二、移动端配置(在这边只举例iOS端的配置):
1.打开工程中的info.plist:
       
2.安装到真机上边。
3.测试真机成不成功
   打开手机safari 在搜索框搜索: baibai://
4.提示下图表示设置urlscheme配置成功就可以跳转到app中:
  
 
相关文章
|
2月前
|
JavaScript
vue基于vw实现移动端自适应
vue基于vw实现移动端自适应
19 0
|
4月前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
75 1
|
18天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
52 0
|
3月前
|
机器学习/深度学习 前端开发 JavaScript
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
51 0
源映射错误:Error: request failed with status 404 源 URL:http://localhost:8080/bootstrap/js/axios-0.18.0.js
|
18天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
50 0
|
14天前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
|
18天前
|
存储 JavaScript 前端开发
js原生方法,获取url上面所有参数,并返回一个对象
JavaScript函数`getUrlParameters`用于从URL中提取所有参数并返回一个键值对对象。它接收URL,分割查询字符串,解码参数对,并存储在对象中。重复参数键会被存储为数组。
|
25天前
|
JavaScript
js如何实现修改URL参数并不刷新页面
js如何实现修改URL参数并不刷新页面
|
1月前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
1月前
|
JavaScript 前端开发 UED
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
52 2