vue iview checkbox点击事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue iview checkbox点击事件相关的知识,希望对你有一定的参考价值。

参考技术A

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

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

CheckboxGroup v-model绑定所有勾选项,格式为数组、on-change事件可以获取当前所有勾选项,格式为数组
Checkbox用@click.native绑定点击事件(直接用@click无反应),然后在事件里进行相应的操作,把id传给后台

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

用原生checkbox就灵活多了,加@click,@change都可以,而且可以把数组直接传入方法里,也不需要$event获取
然后渲染勾选项直接v-model绑定就好,不用再处理为数组

写到这里请让我说一声iview垃圾!!!
对了说一句项目里用的iview2.x by the way

vue+iview+canvas 生成印章

参考技术A 点击编辑,弹出窗口,上传授权书的同时根据执照全称生成印章,印章转化成base64传给后台。

遇到的问题:每次打开弹窗会重复绘制印章
解决办法:

以上是关于vue iview checkbox点击事件的主要内容,如果未能解决你的问题,请参考以下文章

iview二级路由第一次点击的时候不高亮

iview 带Icon的输入框点击事件

iview-树形控件的使用(一)

android checkbox 能不能拦截点击事件

vue加载中loading提示信息(iView Spin)

iview的table:自定义table表格中列头的标题和点击事件(renderHeader)