Buefy placeholderが効かない件

2945 ワード
HTML pug Vue.js #buefy HTML テキストリンク

概要

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

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

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

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

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

解決策

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

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

参考文献

https://github.com/buefy/buefy/issues/1183
https://github.com/buefy/buefy/issues/889