Vue Js v-bind : 클래스 구문이 작동하지 않습니까?

내가 VueJs에 새로운 오전과 내가 약간의 문제가 있다는 데, 여기에 첫 번째는 내 샘플 HTML 코드입니다 : 내가 정확하게 문서를 따랐다Vue Js v-bind : 클래스 구문이 작동하지 않습니까?

<div class="search"> 

     <input :class="{ longwidth : isActive }" v-show="showInput" type="text"> 
     <img @click="hideImgShowInput" v-show="hideImg" src="Assets/images/search-icon.png"> 

</div>

, 나는 편집기로 PHPStorm을 사용하고,하지만 내 함수는 변경 'isActive'변수가 작동하지 않습니다.이 오류가 발생했습니다.

Attribute :class is not allowed here

도움이 될만한 항목이 있습니다.

출처

2017-12-05 TaouBen

이 오류는 Vue 또는 PHPStorm (Vue 템플릿 구문과 호환되지 않을 수 있음)에서 발생합니까? –

PhpStorm 용 Vue 지원 플러그인을 다운로드하십시오. 그것은 글로벌 저장소에 있습니다. 문제를 해결해야합니다. –

십년 문 : 유머는 PhpStorm에 의해 방출됩니다 .. 나는 그것을 해결하는 방법을 모른다. – TaouBen

PHPStorm 경고처럼 들립니다. 무시하거나 코드 또는 아톰과 같은 Vue 인식 편집기를 사용해보십시오. 귀하의 코드는 나에게 잘 보인다.

출처

2017-12-05 09:08:40 bbsimonbb

Vue Js v-bind : 클래스 구문이 작동하지 않습니까?

답변

관련 문제