热卖商品
新闻详情
elementUI slider 带区间选择怎么实现双向绑定? | Vue.js 技术论坛
来自 : learnku.com/vuejs/t/37...
发布时间:2021-03-24
各种冲突,怀疑我这个方法是不可行的
代码如下,应该怎么实现?给个思路也行,谢谢各位
el-slider v-model=\"markInter\" :range=\"true\" :show-tooltip=\"false\" :max=\"100\" :marks=\"marks\" @input=\"sliderInputEv\" @change=\"sliderChangeEv\" /el-slider
marks: { //标记和样式设置 0: \'\', 33: \'Average\', 66: \'Above avg\', 100: \'Hot\' },
methods: { sliderInputEv(value) { this.markCount ++ if(this.markCount 5){//判断是拖拽,还是点击,拖拽就不设置了 this.markCount =0 return this.markCount =0 let min = value[0]//获取回调区间数值 let max = value[1] if(min 30 || max 30){ this.markInter[0] =0//重新设置范围 this.markInter[1] =33 return if(min 33 min 66){ this.markInter[0] =33 this.markInter[1] =66 return if(min 66 min 100){ this.markInter[0] =66 this.markInter[1] =100 return if(max 33 max 66){ this.markInter[0] =33 this.markInter[1] =66 return if(max 66 max 100){ this.markInter[0] =66 this.markInter[1] =100 }
2020年2月27日markInter[0] =0//重新设置范围 this.markInter[1] =33 return } if(min >33 && min <66){ this.markInter[0] =33 this.markInter[1] =66 return ...elementUI slider ,vue,vue.js,vuejs,vue教程,vuejisvue.js,vue.js论坛,vue.js社区,vue.js教程,vue.js入门,vue.js职位,vue.js工作,vue.js视频,vue.js开源,vue.js新手,vue.js项目需要实现一个滑块功能,点击滑条下方的标识文字,滑条带范围地滑到对应的上方位置,而且,可以保留拖拽滑动,如下图 \ 使用elementUI slider组件在实现过程中,发现绑定的参数不能双向动态绑定修改滑块的位置 然...elementUI slider 带区间选择怎么实现双向绑定?
本文链接: http://markinter.immuno-online.com/view-701211.html
发布于 : 2021-03-24
阅读(0)
最新动态
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24