以前还傻乎乎...的自己写 input,然后和 slider 关联。Element ui 已支持!
API
el-slider 提供属性 show-input 和 show-input-controls
注意:在 show-input 为 true 时,show-input-controls 的设置才有效。
代码
<!-- 带控制按钮 -->
<el-slider style="width:350px" v-model="value" show-input ></el-slider>
<!-- 不带控制按钮 -->
<el-slider style="width:350px" v-model="value" show-input :show-input-controls="false"></el-slider>