jp-slider.vue 457 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view class="uni-padding-wrap uni-common-mt">
  3. <slider value="0" :disabled="disabled" @change="sliderChange" step="5" />
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. valueStr: ''+this.value
  11. };
  12. },
  13. props: {
  14. value: Number,
  15. disabled: {
  16. type: Boolean,
  17. default: false
  18. }
  19. },
  20. methods:{
  21. sliderChange(e) {
  22. this.$emit('input', e.detail.value)
  23. }
  24. }
  25. }
  26. </script>
  27. <style>
  28. </style>