点击事件
微信小程序:bindtap
uniapp:@click
函数传参事件
微信小程序: <view bindtap="click" data-id="id"></view>
uniapp:<view @click="click(id)"></view>
函数接收参数
微信小程序: function(e){ this.setData({ currentId:e.currentTarget.dataset.id }) }
uniapp: function(id){ this.currentId = id }
for循环:
微信小程序:
<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>
微信小程序可以不写wx:for-index和wx:for-item,默认为index和ite
if判断:
微信小程序:<view wx:if="{{isShow}}"></view>
uni-app:<view v-if="isShow"></view>
src动态接收图片:
微信小程序:<image src="{{item.img}}"></image>
uni-app:<image :src="item.img"></image>
页面传参:
微信小程序:<navigator url="/pages/live?id={{item.room_id}}"></navigator>
uni-app:<navigator :url="'/pages/live?id=' + item.room_id"></navigator>
两者接收参数都是在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];
阻止冒泡:
微信小程序:<view catchtap="clickTab">我是按钮</view>
uni-app:<view @click.stop="clickTab">我是按钮</view>
api的差别(支付作栗子):
微信小程序:wx.requestPayment({})
uni-app:uni.requestPayment({})
小程序的api在uni-app中只需要把wx替换成uni即可使用。
跨界面获取选择的参数
场景类似于填写表单时某个信息要跳转到其他页面选择数据后再返回,并在原填写表单页得到并展示刚才选择的数据,当然还有其他相关的问题能够运用该方法。
微信小程序:通过getCurrentPages()获取页面栈,然后调用上n个页面的setData()方法,把数据存到上n个页面中。
触摸事件名称:
①微信小程序:bindtap
②uni-app:@click
函数传参方式:
①微信小程序:<view bindtap="click" data-id="id"></view>
②uni-app:<view @click="click(id)"></view>
函数接收参数:
①微信小程序:function(e){this.setData(currentId:e.currentTarget.dataset.id)}
②uni-app:function(id){this.currentId = id}
for 循环:
①微信小程序:<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>
if 判断:
①微信小程序:<view wx:if="{{isShow}}"></view>
②uni-app:<view v-if="isShow"></view>
src 动态接收图片:
①微信小程序:<image src="{{item.img}}"></image>
②uni-app:<image :src="$util.img(item.img)"></image>
页面传参:
①微信小程序:<navigator url="/pages/live?id={{item.room_id}}"></navigator>
②uni-app:<navigator :url="'/pages/live?id=' + item.room_id"></navigator>