问题描述
自定义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
}
}
你期待的结果是什么?实际看到的错误信息又是什么?
显示货物运送时间,点击时间之后会在地图上调到改时间所在的位置