vue+element项目,自定义el-slider滑块组件:

新手上路,请多包涵

问题描述

自定义el-slider组件

问题出现的环境背景及自己尝试过哪些方法

谷歌浏览器 要在提示时显示对应的时间,但组件默认值是0-100,没有遭到更改默认值的方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<el-slider v-model="value1" :marks="marks" @change="changeTime" :format-tooltip="formatTooltip"></el-slider>
data () {

return {
 marks: {
  0: 10,
  1: 20,
  2: 30,
  40: {
    style: {
      color: 'red'
    }
  }
}, // 运单的发货和送货时间
value1: [-10, 120]

methods: {
formatTooltip (val) {

    return '时间' + val
  }

}

你期待的结果是什么?实际看到的错误信息又是什么?

显示货物运送时间,点击时间之后会在地图上调到改时间所在的位置

阅读 7.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题