如何让PrimeVue InputNumber组件使用句点作为小数分隔符而非逗号？

嗨，这个问题我之前做项目的时候刚好碰到过，PrimeVue的InputNumber组件默认是跟着系统区域设置走的，但要改成句点当小数分隔符其实挺简单的，有两种常用方案，你可以根据自己的需求选：

• 全局统一配置（适合全项目生效）
  如果你希望整个项目里的InputNumber都用句点做小数分隔符，直接在PrimeVue的初始化代码里全局指定区域格式规则就行，一劳永逸：

  // 以Vue3 + JS为例，main.js里的配置
  import { createApp } from 'vue';
  import PrimeVue from 'primevue/config';
  import InputNumber from 'primevue/inputnumber';
  import App from './App.vue';
  
  const app = createApp(App);
  app.use(PrimeVue, {
      locale: {
          numberFormat: {
              decimalSeparator: '.', // 这里指定小数分隔符为句点
              thousandSeparator: ',' // 千分位分隔符可按需调整
          }
      }
  });
  app.component('InputNumber', InputNumber);
  app.mount('#app');
  

  配置完之后，项目里所有的InputNumber组件都会自动用句点作为小数分隔符，不用一个个组件去改。

• 单个组件单独设置（适合局部调整）
  要是只有某一个页面的InputNumber需要特殊处理，不想影响全局，直接给这个组件加locale属性就行，灵活度拉满：

  <template>
    <InputNumber
      v-model="inputValue"
      :locale="{
          numberFormat: {
              decimalSeparator: '.',
              thousandSeparator: ','
          }
      }"
      placeholder="请输入数字"
    />
  </template>
  
  <script setup>
  import InputNumber from 'primevue/inputnumber';
  import { ref } from 'vue';
  
  const inputValue = ref(0);
  </script>
  

  这种方式只会作用于当前这个InputNumber组件，其他组件还是保持默认的行为。

最后给你提个小醒：如果之前加载过其他语言包的区域配置，要确保咱们的这个格式设置能覆盖掉原有配置，避免出现冲突哦~

备注：内容来源于stack exchange，提问作者DZN