Vue Js v-bind: Klassensyntax funktioniert nicht?

: Ich bin in VueJs und ich habe das kleine Problem, zuerst hier ist mein Beispiel-HTML-Code:Vue Js v-bind: Klassensyntax funktioniert nicht?

<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>

i die Dokumentation genau befolgt haben, und ich bin mit PhpStorm als Redakteur, aber meine Funktion, dass Änderungen die ‚isActive‘ Variable funktioniert nicht ich diesen Fehler habe:

Attribute :class is not allowed here

Jede Hilfe wäre sehr geschätzt.

Quelle

2017-12-05 TaouBen

Wird dieser Fehler von Vue oder von PHPStorm ausgegeben (was möglicherweise nicht mit der Vue-Vorlagensyntax kompatibel ist)? –

Laden Sie ein Vue-Support-Plugin für PhpStorm herunter. Es ist im globalen Repository. Es sollte das Problem lösen. –

Dekade Mond: Die Eeror wird von PhpStorm emittiert .. ich weiß nicht, wie man es löst .. – TaouBen

Das klingt wie eine PHPStorm Warnung. Ignoriere es oder versuche einen Vue-fähigen Editor wie VS-Code oder Atom. Dein Code sieht für mich gut aus.

Quelle

2017-12-05 09:08:40 bbsimonbb

Vue Js v-bind: Klassensyntax funktioniert nicht?

Antwort

Verwandte Themen