基于uView开发小程序时，使用Steps步骤条，添加点击事件

        学习记录：今天在开发小程序时遇到的给Steps添加change事件，用于在点击步骤时切换，达到自定义步骤回退、前进效果。（参考网上一个博主的方法，地址:基于 uView 的 Steps 步骤条，带change事件 - DCloud 插件市场）

1.由于UView的步骤条没有自带方法 ，所以采取的是基于原组件封装，原博主已经将该插件上传至dcloud.插件市场，下载地址： 

https://ext.dcloud.net.cn/plugin?id=6186#detail

2.下载到使用的编辑器后（此处使用的为HbuilderX），在package-lock.json中加入以下代码：

{
		    "id": "lsd-steps",
		    "name": "基于 uView 的 Steps 步骤条，带change事件",
		    "version": "0.0.2",
		    "description": "基于uView的步骤条组件",
		    "keywords": [
		        "uview",
		        "steps",
		        "change"
		    ]
		}

例子：​

3.在原页面中使用<lsd-steps></lsd-steps>标签，属性参考Uview1.0版本中的steps步骤条

<lsd-steps 
:direction="stepsDirection" 
:current="stepsCurrent" 
:list="steps" 
:mode="stepsMode" 
:icon="stepsIcon" 
@change="scrollTo"
></lsd-steps>

例子：

属性：

4.加入方法 

scrollTo(index) {
	console.log(index)
	this.current = index;
},

5.兼容性