naive-ui/demo/documentation/components/slider/enUS/range.md

Range

<n-slider
  v-model="value"
  range
  :step="1"
/>
<n-input-number
  size="small"
  v-model="value[0]"
/>
<n-input-number
  size="small"
  v-model="value[1]"
/>

export default {
  data () {
    return {
      value: [50, 70]
    }
  }
}

.n-slider {
  margin-bottom: 8px;
}
.n-input-number {
  margin: 0 12px 8px 0;
}