<span class="bar" :style="{ width: item.value /100 * 150 +'px' }">{{ item.value }}</span>怎么用item.value设置宽度

你可以使用计算属性或者方法来实现这个功能，具体实现方式如下：

1. 计算属性：

<template>
  <div>
    <span :style="{ width: barWidth }">{{ item.value }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      item: {
        value: 50
      }
    }
  },
  computed: {
    barWidth() {
      return `${this.item.value}px`;
    }
  }
}
</script>

2. 方法：

<template>
  <div>
    <span ref="bar" :style="getBarStyle()">{{ item.value }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      item: {
        value: 50
      }
    }
  },
  methods: {
    getBarStyle() {
      return {
        width: `${this.item.value}px`
      }
    }
  }
}
</script>

这两种方法都可以实现根据 `item.value` 设置元素宽度的功能。其中使用计算属性的方式更为简洁，而使用方法的方式可以在设置元素样式时进行更多的逻辑处理。