Vuetify 3自定义断点配置无效：工具类仍用默认值

问题原因 #

你当前的配置路径错误，Vuetify 3中自定义断点需要在theme.breakpoints下配置，而非display字段，这导致工具类无法读取自定义的断点阈值，仍然使用默认值。

正确配置示例 #

export default createVuetify({
  theme: {
    breakpoints: {
      thresholds: {
        xs: 0,       // 自定义阈值，比如0px
        sm: 600,     // 自定义阈值，比如600px
        md: 960,     // 自定义阈值，比如960px
        lg: 1264,    // 自定义阈值，比如1264px
        xl: 1904     // 自定义阈值，比如1904px
      }
    }
  }
});

关键说明 #

• 工具类（如pl-sm-4）是基于theme.breakpoints中的阈值生成的，必须确保配置路径正确。
• 自定义阈值时，要保证断点顺序从小到大（xs < sm < md < lg < xl），否则会导致响应式逻辑异常。
• 配置完成后重启开发服务器，确保新的断点配置被正确加载。

内容的提问来源于stack exchange，提问作者diralik