Mint UI组件库CheckList使用及踩坑总结

2022-01-14,,

这篇文章主要介绍了Mint UI组件库CheckList使用及踩坑总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Import

按需引入:

 import { Checklist } from 'mint-ui'; Vue.component(Checklist.name, Checklist); 

全局导入:全局导入后不用再导入

 importMintfrom'mint-ui' import'mint-ui/lib/style.css' Vue.use(Mint); 

API

示例

示例一:

xxx.vue:

     

show:

示例二:

xxx.vue:

     

show:

点击“选项B”

 

所选择内容是

 

再点击“选项C”

 

所选择内容是

demo链接:mint-ui-checklist_jb51.rar

使用前输入命令:

 npm install npm run dev 

在开发过程中,我们肯定遇到过这样的问题,如下图所示:

我选择了两个选项,但是v-model中绑定的数组只有一个,解决这个问题如下代码

  

只需在change事件中加$event, 然后打印参数就是合适的,如图

以上就是Mint UI组件库CheckList使用及踩坑总结的详细内容,更多请关注本站其它相关文章!

《Mint UI组件库CheckList使用及踩坑总结.doc》

下载本文的Word格式文档,以方便收藏与打印。