Vuetify v-slider - 更改值后执行函数（v-slider）

Question

我试图在使用 v-slider 时执行一个函数（使用 dojo/on），但我的方法不起作用。 你知道我应该改变什么吗？

https://codepen.io/hjmd/pen/bjGLoJ

<div id="app">
  <v-app>
    <v-content>
      <v-container>
       <v-slider v-model="sliderValue"
                    id="sliderId"
                    v-on:input="sliderInput"
                    :max="2018"
                    :min="1990"
                    step="1"
                    thumb-label
                    ticks></v-slider>
      </v-container>
    </v-content>
  </v-app>
</div>


new Vue({
  el: '#app',
  data: () => ({
    sliderValue: 1990
  }),
  methods: {
    sliderInput (e) {
      this.sliderValue = e
      return this.sliderValue
    }
  },
  mounted  () {
    require(["dojo/on"], function(on){
      var slider = document.getElementById('sliderId')
      var vm = this
      function SomeFunction() {
        console.log('SomeFunction executed')
      }
      on(slider, 'change', function (event) {
        var xyz = vm.sliderValue
        SomeFunction(xyz)
      })
    })
   }
  })

Answer 1

我不知道你是否有答案，但如果没有，你可以使用：@change="function"

Answer 2

我不知道vuetify库是如何工作的，也不知道dojo ，但我熟悉VUE 。 v-model本质上是用于更新用户输入事件数据的语法糖，您可以将其替换为v-bind和v-on:input 。 因此，您再次将sliderInput input event与input event绑定是错误的。