4000-520-616
欢迎来到免疫在线!(蚂蚁淘生物旗下平台)  请登录 |  免费注册 |  询价篮
主营:原厂直采,平行进口,授权代理(蚂蚁淘为您服务)
咨询热线电话
4000-520-616
当前位置: 首页 > 新闻动态 >
新闻详情
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)
公司介绍
品牌分类
其他
联络我们
服务热线:4000-520-616
(限工作日9:00-18:00)
QQ :1570468124
手机:18915418616
官网:http://