使用.toLocaleString()的计算属性设置数字格式不起作用

使用.toLocaleString()的计算属性设置数字格式不起作用，可能是因为计算属性在Vue.js中是响应式的，而.toLocaleString()方法不会直接触发计算属性的重新计算。

在Vue.js中，计算属性是根据它所依赖的响应式数据进行计算的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算并返回新的值。而.toLocaleString()方法仅仅是将数字格式化为指定的本地化字符串，不会影响到计算属性的重新计算。

解决这个问题的一种方法是使用侦听器（watcher），监视计算属性依赖的响应式数据，当这些数据发生变化时，手动调用.toLocaleString()方法来更新计算属性的值。

以下是示例代码：

data() {
  return {
    number: 1000,
    formattedNumber: '',
  }
},
computed: {
  formattedValue() {
    return this.formattedNumber;
  }
},
watch: {
  number() {
    this.formattedNumber = this.number.toLocaleString();
  }
}

在上述代码中，我们定义了一个名为number的响应式数据和一个名为formattedNumber的变量，它将用于存储格式化后的数字字符串。然后，我们在计算属性formattedValue中使用formattedNumber作为返回值。

通过使用侦听器，我们监视number的变化，并在变化发生时手动调用.toLocaleString()方法来更新formattedNumber的值。这样，计算属性formattedValue就会根据formattedNumber的变化而重新计算。

注意：以上代码示例是Vue.js中的一种解决方案，实际情况可能因项目框架和需求的不同而有所差异。这只是一种思路，具体实现需要根据具体情况进行调整。