vue中的横向排列_vue横向步骤条

支持传入当前节点和异常节点，各节点名称的vue步骤条组件，如果存在异常节点，则以异常节点为最最红点渲染。扫码预览。

1559889641.png

源码如下：

v-bind:class="[stepArray.length==2 ? 'width-2' : stepArray.length==3?'width-3':'width-4', '']"

v-for="(item,index) in stepArray"

:key="index"

>

{ {item}}

class

v-bind:class="[index

>

v-show="index!=0"

class="line-1"

v-bind:class="[index

>

v-show="index!=stepArray.length-1"

class="line-2"

v-bind:class&#