视图层: wx小程序转uniapp

属性绑定:

   attr="{{ msg }}"

        :attr="msg"

   title="复选框{{ index}}"

        :title="'复选框' + index"

事件绑定:

        bindtap="eventFn"  data-id

        @tap="eventFn(id)" (uni也支持data)

     catchtap="eventFn"

        @tap.stop="eventFn" (阻止事件冒泡)

逻辑判断wx:if 改为 v-if

        wx:for="{{ list }}" wx:key="{{ index }}"

        v-for="(item,index) in list"

原事件命名以短横线分隔的需要手动修改小程序组件源码为驼峰命名,比如:this.$emit('left-click') 修改为 this.$emit('leftClick')

 

 

用index做兼容h5和小程序端
在H5平台 使用 v-for 循环整数时和其他平台存在差异,如 v-for="(item, index) in 10" 中,在H5平台 item 从 1 开始,其他平台 item 从 0 开始,可使用第二个参数 index 来保持一致。
在非H5平台 循环对象时不支持第三个参数,如 v-for="(value, name, index) in object" 中,index 参数是不支持的。

你可能感兴趣的:(视图层: wx小程序转uniapp)