view步骤条Steps更换图标icon

官方的icon做出来的效果是，若状态为error，显示为一个错误图标❌

如下图所示：

 

但是我需要若状态为error的，显示为警告图标⚠️（或者其他什么的也同理）

但是不能直接在Steps里设置死 icon="ios-warning-outline" ,这样显示出来状态为finish的都是告警图标了：

 

正确的做法是在Steps里绑定icon属性，通过添加 :icon="某个函数返回值"，这里用errorIcon(item)作为该函数，item为每一个Step读取的对象。

<Steps :current="current" size="small">
  <Step v-for="(item,index) in projectStateData" 
    :content="item.title" 
    :status="item.status " 
    :key="index" 
    :icon="errorIcon(item)"></Step>
</Steps>

在<script>的methods中添加函数errorIcon(item)：

errorIcon(item){
  if (item.status==='error'){
    return "ios-warning-outline"
  }else {
    return ''
  }
}，

就可以为status为error的Step绑定icon为警告图标：