vue js vue-slider-component如何更新道具

Question

我是vue js的新手，并且缺少传递组件的道具。
尝试使vue-slider-component 示例垂直。

<vue-slider direction=vertical ></vue-slider> 

和

<vue-slider :direction=vertical ></vue-slider>

失败，如何在示例中将props传递给组件？

编辑：
尝试了注释中建议的内容：

<vue-slider direction={vertical} ></vue-slider> 

和

<vue-slider :direction={vertical} ></vue-slider>

Answer 1

您应该像这样将值作为字符串传递：

<vue-slider :direction="'vertical'"></vue-slider>

在这里查看示例

<vue-slider :direction="'vertical'"></vue-slider>

new Vue( {
  el: '#app',
  data () {
    return {
    }
  },

  methods: {
  },
  mounted () {
  },
  components: {
    'vueSlider': window[ 'vue-slider-component' ],
  }
})

#app {
  margin: 50px;
}