layui 多选下拉选项 第三方 xm-select
摘要
又到了layui日常采坑系列,这次是使用的是始于 layui 的一个多选解决方案,前身 formSelects, 由于渲染速度慢, 代码冗余, 被放弃了,这里其实要吐槽一下自己,用了formSelects之后发现这是一个被舍弃的工具,心里就很难受,因为要花额外的精力改代码,当然改完,心情还是愉悦的,xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展。
我在用一个新的第三方插件时,大部分时间都在看文档,下面就是我一整天的心情
https://maplemei.gitee.io/xm-select/#/component/install 文档在此速速拿走
遇到的问题(后续有再更新)
1. 获取节点值,父节点无法获取
这个问题我很痛,因为我是看了一下午文档,才发现在5个月前Gitee的Issues板块中作者已经回答了类似问题,
gitee地址:https://gitee.com/maplemei/xm-select
所以多选下拉列表在初始化时strict默认为true,设置为false问题就解决了
2、导入注意点
导入外部文件如果采用layui的extend方式导入,例如下方代码,
<script type="text/javascript">
layui.config({
base: '../dist/layuiadmin' //静态资源所在路径
}).extend({
index: 'lib/index', //主入口模块
treeTable: '../treetable-lay/treeTable',
treeSelect: '/treeSelect/treeSelect'
}).use([