element里面的滑动条格式化v-model绑定无效请问怎么解决?

Question

1.这是图片

2.代码html部分

<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部分

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);
  }
}

}

Answer 1

加个max,默认最大值是100

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