uni-app 用法总结

1、跳转页面

this.$tab.navigateTo('/pages/mine/info/index')

2、接收跳转页面的参数

this.$tab.navigateTo('/pages/mine/info/index?abc=ccc')

获取页面传递的参数

this.$route.query.abc

3、动态设置导航标题

 uni.setNavigationBarTitle({

                // 接收到的title标题
                title:options.title
            })

4、动态获取url页面传递参数并设置为导航标题

    onLoad:function(options){

               uni.setNavigationBarTitle({

                // 接收到的title标题
                title:options.title
            })

        }

5、字符转为对象

JSON.parse("{aa:cc}")

6、对象转为字符串

stringify(obj)

刚刚开始学习,持续更新中>>>>>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uni-app 是一种跨平台的前端开发框架,可以使用 Vue.js 来开发多个平台的应用程序,如小程序、H5、App 等。Uni-app 提供了一套统一的 API 和组件库,使得开发者可以在不同平台上共享代码和逻辑,提高开发效率。 以下是 Uni-app 的基本用法: 1. 安装 Uni-app:在命令行工具中使用 npm 或者 yarn 安装 Uni-app 的命令行工具。 2. 创建项目:使用命令行工具创建一个新的 Uni-app 项目,可以选择不同的模板和目标平台。 3. 开发页面:在项目目录中找到 `pages` 文件夹,里面存放着不同页面的文件夹。在每个页面文件夹中,可以编写对应的 `vue` 文件,其中包括模板、样式和逻辑。 4. 页面导航:Uni-app 提供了 `uni.navigateTo`、`uni.redirectTo`、`uni.switchTab` 等 API 来实现页面之间的导航。 5. 数据绑定:Uni-app 使用与 Vue.js 相同的数据绑定语法,在 `vue` 文件中使用双大括号语法 `{{ }}` 来插入变量,并使用指令来实现条件渲染、循环等功能。 6. 组件化开发:Uni-app 支持组件化开发,你可以创建自定义组件,并在页面中进行复用。 7. API 调用:Uni-app 提供了一套统一的 API,可以调用不同平台的原生功能,如获取用户位置、拍照、支付等。 8. 平台差异处理:由于不同平台的特性和限制不同,Uni-app 提供了 `uni-platform` 和 `uni-xxxx` 等全局对象来处理平台差异问题。 9. 打包和发布:使用命令行工具进行项目打包,并将生成的文件发布到各个平台的开发者账号上。 这些是 Uni-app 的基本用法,希望对你有所帮助!如果你还有其他问题,请继续提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值