进度条:element的Slider 滑块

html:

<el-slider v-model="timestep" :step="10" :format-tooltip="timestepToolTip" show-stops :max="50"></el-slider>

js

  export default {
	data() {
		return {
			volume: 100,
			toolmsg: ['30 min', '1 hours', '6 hours','1 day', '7 day', '30 day']
		}
	},
	methods: {
		timestepToolTip(index) {
			return toolmsg[index / 10]
		}
	}
  }

参考
https://segmentfault.com/a/1190000012453975

Logo

前往低代码交流专区

更多推荐