在vue
中使用eslint
带来的错误
Irregular whitespace not allowed
这个东西的出现导致我无法提交代码,然后为了解决这个问题,想了很多
最后决定用组件的插槽slot去解决它
<Steps :current="1" direction="vertical"><div v-for="(item, index) in lookPaymentOrderLogs" :key="index"><Step v-if="item.content=='审批通过'" status="finish" class="stepClass"><template slot="title"><div><span style="display: inline-block;margin: 0 20px;">{{item.content}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operator}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operateTime}}</span></div></template></Step><Step v-if="item.content=='审批驳回' " status="error"><template slot="title"><div><span style="display: inline-block;margin: 0 20px;">{{item.content}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operator}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operateTime}}</span></div></template></Step><Step v-if="item.content=='待审批' " status="process"><template slot="title"><div><span style="display: inline-block;margin: 0 20px;">{{item.content}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operator}}</span><span style="display: inline-block;margin: 0 20px;">{{item.operateTime}}</span></div></template></Step></div></Steps>