vue.js - 如何避免 vue.js 属性/道具中的行太长？

Question

例子：

<span 
  v-for='item in items'
  :style="{Veeeeeeeerrrrrrrrrrrrrrrrlooooooooooooooooonnnngggggg: item.something}"
</span>

我的 linter 抱怨它超过了最大行长度，我该如何解决？

已编辑

标签： vue.js

Answer 1

您可以使用computed属性或method为此：

<span 
  v-for='item in items'
  :style="getStyle(item)"
</span>

{
  methods: {
    getStyle (item) {
       return {Veeeeeeeeeeeerrrrrrrrrrrrrrrrrrrrrlooooooooooooooooonnnnngggggggg}
    }
  }
}