js移动端插件iosSelect.js之页面中多次使用该插件的问题

Posted 2020-10-10

 iosselect是在webapp下的一个picker组件，可以轻松实现各类选择器效果。比如地区选择 时间选择 日期选择等。网上教程是很多的，github详解：https://github.com/zhoushengmufc/iosselect ，好上手，兼容性也不错，不过还是会有点小问题，这里要说的是同一个页面多次调用该插件时出现的问题。

页面中可能会多次调用该插件，如下图。

demo里面有包含页面中两次调用该插件的写法，但是两次调用使用的数据是一个data。而通常我们两次调用的数据肯定是不同的，所以就给修改了一下（仅限于一级选择）。

页面里面调用需要修改this指向，另外在调用的数据bank.js里面的data也要做修改，如下图

原来是data只是一级数组，里面包含n多个对象，修改后data数字里面可以包含n多个数组，数组里面的数据可以自己定义，和调用次数保持一致。

这样在同一页面里就可以多次调用该插件了。