2016-05-29 2 views
0

Ich habe zwei <input> Elemente. Sie sind sehr ähnlich. Also versuche ich sie an einem Ort zu definieren.wenn für eine attribute ohne Wert

Für Attribute mit unterschiedlichem Wert kann ich schrieb so etwas wie:

input(type="text", placeholder="{{(address.$index == 0)? ph1 : ph2}}", .....) 

Aber ich habe keine Ahnung, wie if/else-Logik geschrieben, als Attribut keinen Wert hat. Zum Beispiel muß ich autofocus Attribut in einem <input> Elemente basierend auf address.$index Wert

aktualisieren: Meine * .jade Datei

#my-input 
    .my-input 
     input(type="text", 
      autofocus="{{(condition == 0)? true : false}}", 
      placeholder="{{(condition == 0)? 'focused onLoad' : 'not focused'}}") 

Mein tatsächliches Ergebnis ist:

<div class="my-input"> 
    <input type="text" autofocus="true" placeholder="focused onLoad"> 
</div> 
...... 
<div class="my-input"> 
    <input type="text" autofocus="false" placeholder="not focused"> 
</div> 

Aber ich Notwendigkeit:

<div class="my-input"> 
    <input type="text" autofocus placeholder="focused onLoad"> 
</div> 
...... 
<div class="my-input"> 
    <input type="text" placeholder="not focused"> 
</div> 
+0

keine guten Ansatz sehen von außen unter Verwendung die Eingabe $ Index für den Zugriff auf die Schleife. Bitte geben Sie mehr Code an. Einschließlich, wo Ihr v-for ist, und die dafür verwendete Dateneigenschaft. – crabbly

+0

Eigentlich habe ich 'v-for' in dieser Quelltextdatei nicht gesehen. Aber ich werde versuchen, mehr Code zur Erklärung meines Problems hinzuzufügen. –

+0

Ignoriere meinen Kommentar. Es gibt ein Tag für vue.js hier und ich dachte, dass du es benutzt hast. – crabbly

Antwort

0

diesen Code verwenden, funktioniert es:

div.my-input 
      input(type="text", autofocus="",placeholder="focused onLoad") 

div.my-input 
      input(type="text",placeholder="not focused") 


<div class="my-input"> 
    <input type="text" autofocus="" placeholder="focused onLoad"/> 
</div> 
<div class="my-input"> 
    <input type="text" placeholder="not focused"/> 
</div> 

Wie Sie hier die Demo versucht link

Verwandte Themen