最近在维护一个angular项目,其中需要用到时间轴,百度查到可以使用bootstrap-slider,官方给出的方案有npm安装import引入,或者直接script的src引入
但在项目中直接script src引入的话,会影响别的页面的input,我先是用impor导入,但ts一直报错找不到Slider,试了好几次,一会能打包一会不能打包
心态崩了啊!!!!
后来尝试用require引入,结果成功了!
loadSlider(){ var self=this //用require引入 var Slider=require('bootstrap-slider') var slider=new Slider('#ex1',{ min:Number(self.years[0].name), max:Number(self.years[3].name), step:1 }) slider.on('change',function(e){ console.log('e',e) self.startDate=e.newValue if(self.changeYear=='a'){ self.loadData('a'); }else if(self.changeYear=='b'){ self.loadData2('b'); } }) }