新闻界面以及页面跳转
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快捷键生成导向代码块,随后填充内容