LoginSignup
0

More than 3 years have passed since last update.

vuetify@2.2.11で `v-col` `xs`が動かない

Last updated at Posted at 2020-02-15

v-col xs not working

vuetify@2.2.11v-col xsが動かない。

ドキュメント上には xs が存在するが、内部的にはcolsへ置き換わっている

Why was "xs" changed to "cols", but "sm" and "md" still work? Also, the documentation still tells people to use "xs". This makes zero sense. Either changing "xs" to "cols" was a mistake, or, If it was intentional, the documentation would reflect the change. This cost a lot of time to figure out.
【google訳】:「xs」が「cols」に変更されたのに、「sm」と「md」はまだ機能するのはなぜですか?また、ドキュメンテーションはまだ「xs」を使用するように人々に告げています。これは意味がありません。「xs」を「cols」に変更するのは間違いでした。または、意図的なものであれば、ドキュメントに変更が反映されます。これを理解するには多くの時間がかかりました。

実際の動作

xs: 設定値は反映されず、無視される

<v-col xs="6">

image.png

cols に設定すると期待した動きになる

<v-col cols="6">

image.png

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0