uniApp和wx小程序的语法一些区别

点击事件
        微信小程序: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个页面中。

(转存)
 

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值