2016-05-29 23 views
0

我有兩個<input>元素。他們非常相似。 所以我嘗試在一個地方定義它們。如果statr for atrribute沒有價值

對於具有不同的價值屬性,我可以寫的東西,如:

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

但我不知道什麼時候屬性沒有任何價值如何,如果/寫else邏輯。 比如我需要根據address.$index

更新在一個<input>元素autofocus屬性: 我* .jade文件

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

我的實際結果:

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

但我需要:

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

不是一個好方法嘗試使用$指數從外部訪問輸入循環。請提供更多代碼。包括您的v-for的位置以及用於它的數據屬性。 – crabbly

+0

其實我在這個源代碼文件中沒有看到'v-for'。 但我會嘗試添加更多的代碼來解釋我的問題。 –

+0

不理我的評論。這裏有一個vue.js的標籤,我認爲你正在使用它。 – crabbly

回答

0

使用此代碼,它的工作原理:

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> 

就像你可以在這裏看到演示link