Buefy placeholder가 작동하지 않는 경우

2719 단어 HTMLpugVue.js#buefy

개요





위와 같은 디자인을 구현하기 위해
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"를 추가 할 것으로 예상되는 디자인이되었습니다.



참고문헌



htps : // 기주 b. 코 m / 부에 fy / 부에 fy / 이스에 s / 1183
htps : // 기주 b. 코 m / 부에 fy / 부에 fy / 이스에 s / 889

좋은 웹페이지 즐겨찾기