小程序类似vue-admin

vue 的钩子函数在跳转新页面时，钩子函数都会触发，但是 小程序 的钩子函数，页面不同的跳转方式，触发的钩子并不一样。

onLoad : 页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。

onShow : 页面显示 每次打开页面都会调用一次。

onReady : 页面初次渲染完成 一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。 对界面的设置如 wxsetNavigationBarTitle 请在 onReady 之后设置。详见生命周期

onHide : 页面隐藏 当 navigateTo 或底部tab切换时调用。

onUnload : 页面卸载 当 redirectTo 或 navigateBack 的时候调用。

数据请求

在页面加载请求数据时，两者钩子的使用有些类似， vue 一般会在 created 或者 mounted 中请求数据，而在 小程序 ，会在 onLoad 或者 onShow 中请求数据。

诉求：在做后台系统用户组权限这块，后台要求点击多选框时把当前ID传过去

但ivew Checkbox组件文档写的不全，于是研究了一番

CheckboxGroup v-model绑定所有勾选项，格式为数组、on-change事件可以获取当前所有勾选项，格式为数组

Checkbox用@clicknative绑定点击事件(直接用@click无反应)，然后在事件里进行相应的 *** 作，把id传给后台

但是写的过程中发现了iview的bug,就是CheckboxGroup v-model绑定的数组渲染时后出现错误，会勾选错误，于是只能放弃iview用原始的checkbox

用原生checkbox就灵活多了，加@click,@change都可以，而且可以把数组直接传入方法里，也不需要$event获取

然后渲染勾选项直接v-model绑定就好，不用再处理为数组

写到这里请让我说一声iview垃圾！！！

对了说一句项目里用的iview2x by the way

去掉check-group里的options,直接拆成一个个的checkbox。

tips：从第二个checkbox开始，有默认的margin-left:8px

<a-checkbox-group v-model="cao_value" @change="choiceCaoType">

<a-checkbox value="平台会员佣金">

<span class="inblock w200">平台会员佣金</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

<a-checkbox value="酒店会员交叉平台入账" class="mart10" style="margin-left: 0" >

<span class="inblock w200">酒店会员交叉平台入账</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

<a-checkbox value="酒店会员交叉运营入账" class="mart10">

<span class="inblock w200">酒店会员交叉运营入账</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

</a-checkbox-group>

解决方法：给绑定change事件的元素或组件另外添加@clickstop指向一个空函数，用来阻止冒泡

注：此方法主要用于mpvue，@clickstop是vue中阻止点击事件冒泡的方法。如果是原生小程序应该为绑定change事件的元素或组件添加catchtap绑定一个空函数

这是在用mpvue开发小程序时遇到一个问题，项目需要引用小程序的picker选择器组件，发现在点击picker选择器触发其change事件时会触发picker选择器外层父元素的点击事件（项目需要实现对一个模块进行点击跳转，同时要求模块内的一个子元素有选择器功能）

开始通过查看vue文档和小程序文档，找到两种方法，分别是vue的stop阻止冒泡和小程序的catch前缀，但通过测试发现给change事件直接添加stop或者catch没有用

最后选用了网上搜到的一个折中的方法，给picker选择器另外添加一个点击事件（或者给选择器的父元素添加点击事件），为新加的点击事件添加阻止冒泡方法，使点击事件指向一个空函数。这样也就间接的解决了change事件冒泡的问题

如果大家还有更好的方法，欢迎留言

在vue中点餐小程序让菜单栏随州滑动而被选中：小程序、公众号和APP是三种不同的场景，三者优劣各显，公众号主要是很好地契合了社交的场景，能满足通过内容与用户对接、沟通，但不能完成大量的用户获取。

将点餐小程序添加到微信自带的“附近小程序”。这是一个非常大的流量入口，是实体店重要的引流方式，可以让你的门店引流范围扩大到5公里。只要用户用微信，离你的店铺不远，打开了附近小程序就能看见你的小程序，很有可能就会点击进入体验。

主要功能：

分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。

实时滤镜：由**调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能。款手绘贴纸，还可以编辑贴纸的出现时间。

自由画幅设置：支持1:1、16:9、239:1 三种画幅的视频拍摄。

分享：支持分享至社交网络。

以上就是关于小程序类似vue-admin全部的内容，包括:小程序类似vue-admin、vue iview checkbox点击事件、antd-design-vue checkbox-group 自定义选项内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！