您的位置首页生活百科

如何使用element中的滑块设置步长和间隔点

如何使用element中的滑块设置步长和间隔点

的有关信息介绍如下:

如何使用element中的滑块设置步长和间隔点

在vue+element框架的项目中,可以使用滑块控件el-slider;可以设置滑块的步长和间隔点。下面利用实例说明:

第一步,打开HBuilderX工具,创建vue+element框架项目,然后新建vue组件

第二步,在template标签中,插入一个el-slider标签,并绑定变量shows

第三步,在script标签中,并在data对象中定义变量shows

第四步,打开App.vue文件,导入组件ElSlider,然后在页面中引用

第五步,保存代码并运行项目,打开浏览器,查看滑块显示效果

第六步,在滑块标签上,添加属性step,设置为10;添加show-stops属性,显示间断点