vuetify 2.5.3 版本提示 DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
github issues:
https://github.com/vuetifyjs/vuetify/issues/13694
完整提示
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 6)
More info and automated migrator: https://sass-lang.com/d/slash-div
╷
62 │ 'sm': $grid-gutter / 6,
│ ^^^^^^^^^^^^^^^^
╵
node_modules/vuetify/src/styles/settings/_variables.scss 62:11 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/styles.sass 2:9 @import
node_modules/vuetify/src/components/VDataTable/_variables.scss 1:9 @import
stdin 2:9 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 6)
More info and automated migrator: https://sass-lang.com/d/slash-div
解決
用 sass < 1.33 作為解決方法
官方的說明:我正在為此恢復修復,它完全破壞了注入自定義 sass 變量(#13737)的項目。要使警告靜音,請安裝sass@~1.32
步驟:
修改 package.json
"sass": "~1.32",
然后 npm install
v-autocomplete 多選 不保留滾動位置
github issues:
https://github.com/vuetifyjs/vuetify/issues/11969
問題原因
https://github.com/treardon17/vuetify/commit/9f8059112eabbd890f9f3efbc59459235a777996
//packages/vuetify/src/components/VSelect/VSelect.ts
// 刪除下面的代碼
this.setMenuIndex(-1);
解決
可以使用 github issues 中的解決方案 ,或者等官方更新修復這個 bug