range-input（范围输入框）

基础用法

示例：

代码示例：

<template>
  <div class="bs-bg-color-white p10">
    <v-range-input
      v-model="value"
      placeholder="输入范围"
      @input="handleInput"
    ></v-range-input>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: [],
    };
  },
  methods: {
    /**
     * 处理输入事件
     */
    handleInput(arr) {
      console.log("arr", arr);
      // data arr (2) ['1', '2', __ob__: Observer]
    },
  },
  mounted() {},
  computed: {},
};
</script>
<style lang="scss" scoped>
@import "~@/assets/style/variables.scss";
</style>

属性：

参数	说明	类型	可选值	默认值
rangeSeparator	范围分隔符	String	-	'-'
value	绑定的值	Array	-	[]
placeholder	提示语	String	-	'请输入'
disabled	是否禁用	Boolean	-	false

事件：

事件名	说明	参数	参数说明
input	输入事件	[l,r]	[左侧输入数据，右侧输入数据]
keyupEnter	回车事件	-	-