这篇文章主要介绍了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使用及踩坑总结的详细内容,更多请关注本站其它相关文章!