## 滑块

### 基础用法

```html
<template>
  <el-form label-width="120px">
    <cl-form-item label="权限">
      <el-radio-group v-model="permissionVal">
        <el-radio label="n">无权限</el-radio>
        <el-radio label="r">只读</el-radio>
        <el-radio label="w">编辑</el-radio>
        <el-radio label="b">必填</el-radio>
      </el-radio-group>
    </cl-form-item>
    <cl-form-item label="流量阈值">
      <cl-slider
        v-model="data.cpzlbznlshb.slider"
        :permission="permissionVal"
        name="流量阈值"
      />
    </cl-form-item>
  </el-form>
</template>
<script>
  export default {
    data() {
      return {
        permissionVal: "w",
        data: {
          cpzlbznlshb: {
            slider: "",
          },
        },
      };
    },
  };
</script>

<!-- slider-1.vue -->
```
