🙆

Buefy placeholderが効かない件

2021/06/24に公開

概要

SS_ 2021-06-24 21.44.16.png

上記のようなデザインを実装するために
Buefy公式ドキュメントを参考に実装。(コピペ)

pug

b-datepicker(
  ref="datepicker"
  expanded
  placeholder="Select a date"
)

しかし、実際に表示されたのは以下のデザインで、
公式ドキュメントのような実装にならない。

SS_ 2021-06-24 21.45.45.png

何よりplaceholderがが効いていないのが一番気になる。
なぜか年/月/日と表示されている。
(なぜか右端にカレンダーアイコンも表示されている)

期待する動きはplaceholder="Select a date"と設定しているのでSelect a dateが表示されていて欲しい。

pug

b-datepicker(
  ref="datepicker"
  expanded
  placeholder="Select a date"
　　:mobile-native="false"
)

上記のコードのように　:mobile-native="false"を追加すると期待するデザインになりました

SS_ 2021-06-24 21.53.36.png