1. This is the picture

2. Html part of the code

< tr class= "trs" >

        <td></td>
        <td> <el-slider v-model="Harddisk" :format-tooltip="formatTooltip1"></el-slider></td>
        <td><el-button>{{Harddisk}}G()</el-button></td>
      </tr>

3. JS part of the code

export default {

name: "Threshold",
data(){
  return{
    CPU: 50,
    RAM:50,
    Harddisk:200,
    Theinternet:1024
  }
},
created(){
  this.formatTooltip()
  this.formatTooltip1()
},
methods:{
  formatTooltip(val){
    return parseInt(val *10.24);
  },
  formatTooltip1(val){
    return parseInt(val *20);
  }
}

}