uni-app

1 路由的跳转

  

uni.navigateTo({
url:'/pages/home/search'
});
//非tabBar页面跳转

 

uni.switchTab({
url:"/pages/index/index"
}) //非tabBar跳转到tabBar页面

路由传参

//页面传递
uni.navigateTo({
url:'./userData?username=' + this.inputText
})
//页面接收
onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
console.log(option.username); //打印出上个页面传递的参数。
this.username = option.username;
},

  

2 请求

uni.request({
url: 'https://www.easy-mock.com/mock/5cb6c0b0af031b75d25dc1f5/element/historyComtent', //接口地址
data: {
type: 1,
userId:2
},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log(res.data);
}
});
url String 是  开发者服务器接口地址

data Object/String/ArrayBuffer 否  请求的参数

header Object 否  设置请求的 header,header 中不能设置 Referer。

method String 否 GET (需大写)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

dataType String 否 json 如果设为 json,会尝试对返回的数据做一次 JSON.parse

responseType String 否 text 设置响应的数据类型。合法值:text、arraybuffer

success Function 否  收到开发者服务成功返回的回调函数

fail Function 否  接口调用失败的回调函数

complete Function 否  接口调用结束的回调函数(调用成功、失败都会执行)

  

3 本地存储

  uni.setStorageSync('operationIndex', i); //存

  uni.getStorageSync('operationIndex') ; //取

4 移动端隐藏滚动条

 ::-webkit-scrollbar {/*隐藏滚轮*/
display: none;
}

5 uni-app 使用vuex

在src目录下生成一个store文件夹, 然后创建一个index.js

uni-app

uni-app

滚动条事件

uni-app

onPageScroll: function(Object) {
console.log(Object.scrollTop);//实时获取到滚动的值
},

  

 提示框

uni.showToast({
title: '标题',
duration: 2000,
icon:"none"
});

  icon有几种:loading success

修改标题

uni.setNavigationBarTitle({
title: '律师'
})

  

上一篇:解决HTML select控件 设置属性 disabled 后无法向后台传值的方法


下一篇:c# 文件或者文件夹改名的最简单方法