uniapp学习记录一

新闻界面以及页面跳转
uni-app开发的核心问题:
1、单页面应用
2、联网获取数据
3、页面跳转
基础内容:
pages文件用于App页面的设计
manifest.json用于配置App相关的信息(AppID等)
新闻界面的创建以及联网信息获取
在pages的index目录下的index.vue进行新闻单页面的搭建
快捷键uni-list(注意需要自己设置代码块详见
在这里插入图片描述
这段代码里面所有带有双引号且不为绿色的函数都可以进行更改,根据要访问网页的相关参数,对页面的对应参数进行修改。
在这里插入图片描述
script下存放数据,函数,访问申请等具体信息。data下存放数据,onload与访问网页相关,methods下存放各种函数。
在data下建立新的列表news,用于接收网页中的列表信息;在onload下使用urequest快捷键生成访问请求代码块,随后将网页的相关信息填充到对应位置。

页面跳转前需要在pages目录下新建一个用于跳转到的界面
在这里插入图片描述

两种页面跳转的实现方式
一、标签
在需要跳转的内容前加上
在这里插入图片描述
快捷键(u + n)
二、.js脚本
在页面上添加单击事件(框框内)
在这里插入图片描述
@:v-on标签的简写
在script的methods内增加openinfo事件在下面用unva快捷键生成导向代码块,随后填充内容
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值