el-slider滑塊的位置v-model參數(shù)如何更具按鈕點(diǎn)擊事件改變

可以通過監(jiān)聽 el-slider 的 change 事件，在事件處理函數(shù)中修改 v-model 的值。具體代碼示例如下：

<template>
  <div>
    <el-slider v-model="sliderValue" :min="0" :max="100" @change="handleSliderChange" />
    <p>當(dāng)前滑塊值：{{ sliderValue }}</p>
    <el-button type="primary" @click="handleButtonClick">點(diǎn)擊按鈕</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      sliderValue: 50,
    };
  },
  methods: {
    handleSliderChange(val) {
      this.sliderValue = val;
    },
    handleButtonClick() {
      // 修改 slider 的值
      this.sliderValue = 80;
    },
  },
};
</script>

這里監(jiān)聽了 el-slider 的 change 事件，在事件處理函數(shù)中修改了 data 中的 sliderValue 值。在按鈕點(diǎn)擊事件處理函數(shù)中，也可以通過修改 sliderValue 值來更改滑塊的位置。