vuetify常見問題匯總


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM