在vue项目中集成element ui时,若slider滑块组件默认未显示刻度标签,可通过配置相关属性实现标签值的可视化呈现,具体操作如下:
1、 打开对应的Vue单文件组件,导入并注册Element的Slider组件,同时将v-model绑定值初始化为15,实际效果如下所示。


2、 在Slider标签中添加marks属性,并传入一个键值对形式的对象(键为数值,值为对应标签文本),以定义需展示的标记位置与内容,配置示例见下图。


3、 完成修改后保存文件,刷新浏览器页面,即可观察到Slider滑块上已成功渲染出预设的标记标签。











