微信小程序:wx.requestPayment、wx.request、wx.showModal、wx.showToast、wx.showLoading、wx.chooseImage、wx.switchTab、wx.navigateTo、wx.setStorageSync等等
uni-app:uni.requestPayment、uni.request,uni.showModal、uni.showToast、uni.showLoading、uni.chooseImage、uni.switchTab、uni.navigateTo、uni.setStorageSync等等
小程序的api在uni-app中只需要把wx替换成uni即可使用。
微信小程序:bindtap
uniapp:@click
微信小程序:
uniapp:
微信小程序(e.currentTarget.dataset): function(e){ this.setData({ currentId:e.currentTarget.dataset.id }) }
uniapp(直接用): function(id){ this.currentId = id }
原生小程序绑定是value, 监听是bindinput。
Uniapp是v-model。
微信小程序: <input value='{{sex}}' bindinput='jianting'></input>
jianting(e){ //实时监听
console.log(e.detail.value)
}
uniapp写法是 <input v-model='sex'></input>
微信小程序:this.setData({data: 1})
uniapp: this.data = 1
微信小程序:(微信小程序也可以不写wx:for-index和wx:for-item,默认为index和item`)
<view wx:for="{{currentList}}" wx:for-index="s_index" wx:for-item="s_item"></view>
uni-app:
<view v-for="(s_item,s_index) in currentList"></view>
微信小程序:
uni-app:
微信小程序:
uni-app:
微信小程序:
uni-app:
两者接收参数都是在onLoad(options){}方法中获取,在此不多提及。
微信小程序:globalData:{baseUrl:"www.com"}
uni-app:this.prototype.baseUrl = "https://www.ccc"
微信小程序:getApp().globalData.baseUrl
uni-app:this.baseUrl
微信小程序(ES5):this.setData({ list:this.data.list.concat(res.list) })
uni-app(ES6):this.list = [...this.list,...res.list];
微信小程序:我是按钮
uni-app:我是按钮
微信小程序:通过getCurrentPages()获取页面栈,然后调用上n个页面的setData()方法,把数据存到上n个页面中。
// 选择参数的页面
chooseItem(data) {
const pages = getCurrentPages();
const prevPage = pages[pages.length - 3]; //上两个页面
prevPage.setData({
myName: data,
});
wx.navigateBack({ delta: 2 }); //返回到上两个页面
},
// 获取参数的页面,即上述的->原填写表单页
onShow() {
const pages = getCurrentPages();
if (pages[pages.length - 1]) {
const currPage = pages[pages.length - 1]; // 当前页面
this.brandNum = currPage.data.myName; //这就是传递的参数
}
},
uni-app:通过getCurrentPages()获取页面栈,然后使用prevPage.$vm.id = id,把数据存到上n个页面中。。
// 选择参数的页面
chooseItem(data) {
const pages = getCurrentPages();
const prevPage = pages[pages.length - 3]; //上两个页面
prevPage.$vm.id = id; // 区别只是这里不同
uni.navigateBack({ delta: 2 }); //返回到上两个页面
},
// 获取参数的页面,即上述的->原填写表单页
onShow() {
const pages = getCurrentPages();
if (pages[pages.length - 1]) {
const currPage = pages[pages.length - 1]; // 当前页面
this.brandNum = currPage.data.myName; //这就是传递的参数
}
},
// vue
:style="'height: ' + the_height + '%' "
// 微信小程序
style="height: {{the_height}}px"