uniapp开发所遇问题及解决方法

1新建一个项目

uniapp开发所遇问题及解决方法_第1张图片

 最好使用uni-ui版本,勾上上传到到git

2uni的语法接近vue,标签接近微信小程序

3页面配置下拉刷新

   在pages.json中对应的页面的style开启enablePullDownRefresh:true

"pages": [
        {
        	"path": "pages/index/index",
        	"style": {
        		"navigationBarTitleText": "uni-app",
        		"enablePullDownRefresh": true
        	}
        }
    ],

在于data平级写上:onPullDownRefresh(){ }生命周期函数

onLoad: function (options) {
		setTimeout(function () {
			console.log('start pulldown');
		}, 1000);
		uni.startPullDownRefresh();
	},
onPullDownRefresh() {
		console.log('refresh');
		setTimeout(function () {
			uni.stopPullDownRefresh();
		}, 1000);
    }

4.页面跳转,不要返回箭头

uniapp开发所遇问题及解决方法_第2张图片

 页面跳转,一般都有箭头,不要箭头在pages.json中的style配置

uniapp开发所遇问题及解决方法_第3张图片

5.各种权限在manifest.json中app权限模式打开

打电话:CALL_PHONE

录音:

拍视频:

jurisdiction() { // 获取用户授权函数
				var _this = this
				plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) {
					if (e.deniedAlways.length > 0) { //权限被永久拒绝
						// 弹出提示框解释为何需要读写手机储存权限,引导用户打开设置页面开启
						console.log('Always Denied!!! ' + e.deniedAlways.toString());
					}
					if (e.deniedPresent.length > 0) { //权限被临时拒绝
						// 弹出提示框解释为何需要读写手机储存权限,可再次调用plus.android.requestPermissions申请权限
						plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'])
						console.log('Present Denied!!! ' + e.deniedPresent.toString());
					}
					if (e.granted.length > 0) { //权限被允许
						//调用依赖获取读写手机储存权限的代码
						_this.upload() // 获取权限成功之后调用的函数
						console.log('Granted!!! ' + e.granted.toString());
					}
				}, function(e) {
					console.log('Request Permissions error:' + JSON.stringify(e));
				});
			}

6.宽高同时设置100%不显示,将高设为vw

7.跳转页面并刷新

a页面跳转b页面,b页面填写完成回到a页面并且调用a页面的刷新函数
$vm适用于APP和h5
b页面代码:uni.navigateBack({
url:'../../map/map',
success(){
var pages = getCurrentPages();//获取页面栈
var currPage = pages[pages.length - 1]; //当前页面a页面
var beforePage = pages[pages.length - 2];//上个页面b页面
currPage .$vm.方法()
}
})

8.给标签设置:data-field=‘’,以后对应的点击函数中e.target.dataset.field就有值

9.js思维混乱

样式的三元表达式

:class="selectedId==item.t_id? 'selected' :'item'"

你可能感兴趣的:(uni-app,uni-app)