底部导航栏怎么设置a链接打开外部网址

我看这个问题里说http://bbs.touchui.io/?/question/38
可以设置a标签标签,请问app.ui里该如何设置
 
如图,点击“发现”可以跳转到外部链接
360截图17400123475043.png
已邀请:

帅不过十秒吗

赞同来自:

同问 @admin

foxhunter

赞同来自:

和楼主一样,对于H5中有时候是需要直接跳转外连平台,于是尝试了很久,终于找到了一个变通的方法。
 
首先按照常规的方式 创建页面 确保tab能够正常显示出来  譬如你的发现栏目 就创建 discovery.ui 页面,同时在这个页面discovery.ui文件中加入以下配置


export default {
config: {
navigationBarTitleText: "发现",
navigationStyle: 'custom',
type: 'link', // 自定义标识
link: 'http://xxx.xxx.xxx/' // 定义外连地址
},


回到 app.ui 页面 在  methods 中加入(如果你是模板创建的,此方法已经创建了注意修改为:)


handleTabBeforeChange ({ id, index, next }){
if( this.tabBarList[index].pageConfig.type && this.tabBarList[index].pageConfig.type==='link' ){
location.href = this.tabBarList[index].pageConfig.link;
}else{
next();
}
},


 
我最开始试图直接在app.ui配置中的 tabBar-》list 中加上自定义字段,后来发现会被编译系统忽略掉,在看他的编译系统的代码后,发现对于页面的config他不会做过滤和忽略属性的操作,所以就出现了按照以上方式来解决这个问题。

要回复问题请先登录注册



QQ:378966107

邮箱:frank@uileader.com

微信进交流群 加小助手微信进交流群