uni-app开发常用问题

通过main.js 中的Vue.prototype 挂载一个 可用于全局页面的变量

Vue.prototype.requestUrl = "http://localhost/api" //挂载一个api请求地址

使用方法：
通过此方法可在每个页面用

就是这么简单，哈哈

单独调试某一个页面，可以使用编译模式配置，仅开发期间生效>

打开pages.json页面配置文件

"condition": { //编译模式配置，仅开发期间生效
	        "current": 0, //当前激活的编译模式（list 的索引项）  
	        "list": [{  
	            "name": "业务", //模式名称  
	            "path": "pages/yewu/yewu", //启动页面，必选  
	             "query": "menu_id=2" //启动参数, QueryString 格式  
	        }]  
	    }

在小程序中 需要选择

对元素节点的操作

let query = uni.createSelectorQuery().in(this);
query.select(element).boundingClientRect();
query.exec((res) => {
						this.swiperHight = res[0].height;//获取节点元素的高度
					}
			                  

style class 中三元运算符使用

<view class="news-left" :style="'width:'+(news.img ? 480 : 700)+'rpx'" style="color:red;">

<i class="iconfont "  :class="[isShow=='password'?'icon-kejian':'icon-bukejian']"></i>

uni-app获取当前页参数

方法1
onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
    console.log(option.id); //打印出上个页面传递的参数。
    console.log(option.name); //打印出上个页面传递的参数。
}


方法2
/*获取当前路由*/
let curPage = getCurPage();
//在微信小程序或是app中，通过curPage.options；如果是H5，则需要curPage.$route.query（H5中的curPage.options为undefined，所以刚好就不需要条件编译了）
let curParam = curPage.options || curPage.$route.query;

export function getCurPage(){
    let pages = getCurrentPages();
    let curPage = pages[pages.length-1];
    return curPage
}

style 中背景 使用函数 动态拼接

	<view class="cu-avatar round" :style="{ backgroundImage: 'url('+getImgUrl1('rengou.png')+')'}"></view>