Taro-ui TabBar组件使用路由跳转

news/2024/7/7 19:01:51 标签: ui, javascript

1、 安装taro-ui (此处使用cnpm)

  cnpm install taro-ui

2、 全局引入样式 app.scss

  sass :@import "~taro-ui/dist/style/index.scss";

3、 使用tabBar组件中引入AtTabBar ,详情可查询官网:https://taro-ui.aotu.io/#/docs/tabbar

   import { AtTabBar } from 'taro-ui'
  @import "~taro-ui/dist/style/components/tab-bar.scss";

  npm run dev:h5启动项目报错:

  

  官网介绍如下,请先设置再运行,项目便可正常运行;

  

4、 调用AtTabBar组件

  

 

5、 路由跳转到对应的页面,需先在app.js中定义路径

  

  注意事项:1. url用绝对路径时需要在最开始加“/”;2. 在toolbar定义过的页面不能跳转;

  

以上便可实现tabBar路由跳转;

新手学习,望各位大神多多指教;

 

 

 

转载于:https://www.cnblogs.com/duban/p/10394471.html


http://www.niftyadmin.cn/n/706638.html

相关文章

tf.cast()用法

把布尔类型转化成0和1类型,true是1,false是0反之,亦成立。 转载于:https://www.cnblogs.com/xinmomoyan/p/10395465.html

大数据之mapreduce小实战

手写wordcount的程序 1、pom.xml <dependencies> <!-- https://mvnrepository.com/artifact/org.apache.hadoop/hadoop-hdfs-client --> <dependency> <groupId>org.apache.hadoop</groupId> <artifactId>hadoop-client</artifactId>…

TCP 相关参数解释

为什么80%的码农都做不了架构师&#xff1f;>>> tcp_syn_retries &#xff1a;INTEGER 默认值是5 对于一个新建连接&#xff0c;内核要发送多少个 SYN 连接请求才决定放弃。不应该大于255&#xff0c;默认值是5&#xff0c;对应于180秒左右时间。(对于大负载而物理…

目录文件管理

双tab查看所有命令 反斜杠\强制换行 ctrl加u删除到行位 ctrl加k删除行末 ctrl加L清屏 ctrl加y &#xff01;34调用34号命令前面加&#xff01;可以调用 man手册 >重定向输出加两个>>不覆盖原有文件&#xff0c;直接添加文件 echo回显的意思echo“123”输入到屏幕当…

系统学习Devops的30天

D1: 灰度更新 在有关微服务、DevOps、Cloud-native、系统部署等的讨论中&#xff0c;蓝绿部署、A/B 测试、灰度发布、滚动发布、红黑部署等概念经常被提到&#xff0c;它们有什么区别呢&#xff1f;通过搜索相关资料&#xff0c;做一个简单的辨析&#xff0c;如下&#xff1a;…

Linux 线程浅析

进程和线程的区别与联系 在许多经典的操作系统教科书中&#xff0c;总是把进程定义为程序的执行实例&#xff0c;它并不执行什么, 只是维护应用程序所需的各种资源&#xff0c;而线程则是真正的执行实体。 为了让进程完成一定的工作&#xff0c;进程必须至少包含一个线程。 进程…

windows下 安装 rabbitMQ 及操作常用命令

2019独角兽企业重金招聘Python工程师标准>>> rabbitMQ是一个在AMQP协议标准基础上完整的&#xff0c;可服用的企业消息系统。它遵循Mozilla Public License开源协议&#xff0c;采用 Erlang 实现的工业级的消息队列(MQ)服务器&#xff0c;Rabbit MQ 是建立在Erlang …

Yii安装时会出现的问题

今天打算学习一下Yii,但是在安装过程中出现了很多问题。通过composer安装&#xff1a;composer global require "fxp/composer-asset-plugin:~1.1.1" composer create-project --prefer-dist yiisoft/yii2-app-basic basic第一条命令安装 Composer asset plugin&…