卿卿sunset 2018-12-17 08:50
浏览 449

NowaGui里antd-mobile脚手架建的项目,路由应该怎么写

NowaGui里antd-mobile脚手架建的项目,路由应该怎么写?
比如上面的导航路径/home/nav,添加了这个路径文件但是访问不到是为什么

export default {
menu: [
{"title":"导航", "icon":"nav", "path":"/home/nav" },
{"title":"数据录入", "icon":"entry", "path":"/home/entry" },
{"title":"数据显示", "icon":"display", "path":"/home/display"},
{"title":"反馈", "icon":"feedback", "path":"/home/feedback" },
{"title":"其它", "icon":"other", "path":"/home/other" }
],
}

require('./PageHome.less');
import logic from './PageLogic';
import { Control, Route } from 'react-keeper';
import { Component, LogicRender } from 'refast';

import TabBar, { activeTabbar } from 'components/card-tabbar';
import { NavBar } from 'antd-mobile';

class Home extends Component {
constructor(props) { super(props, logic);

this.handleChange = this.handleChange.bind(this);
}

handleChange(key){
    this.dispatch('setTabbarIndex',key);
    Control.go(this.state.menu[key].path, ); // keeper的跳转
}

render() {
    const { state: { menu, tabbarIndex, badge, },  } = this;
    const activeIndex=activeTabbar( menu );

    if (tabbarIndex != activeIndex  ){ // 对比url索引和当前选中的值,如不对应则纠正.
        this.dispatch('setTabbarIndex',activeIndex);
    }

    return (
        <div className="home">
            <NavBar
                iconName=""
                mode="light">
                菜单
            </NavBar>

            {/*中间嵌套的页面*/}
            {this.props.children}

            <TabBar menu={menu} tabbarIndex={tabbarIndex} badge={badge} onChange={this.handleChange} />
        </div>
    );
}

componentDidMount() {
    dd.biz.navigation.setTitle({ title:'Home' })
}

}

export default Home ;

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
    • ¥15 请问Lammps做复合材料拉伸模拟,应力应变曲线问题
    • ¥30 python代码,帮调试
    • ¥15 #MATLAB仿真#车辆换道路径规划
    • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
    • ¥15 数据可视化Python
    • ¥15 要给毕业设计添加扫码登录的功能!!有偿
    • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
    • ¥15 微信公众号自制会员卡没有收款渠道啊
    • ¥100 Jenkins自动化部署—悬赏100元