2016-05-29 10 views
0

私は2つの<input>要素を持っています。彼らはかなり似ています。 だから私はそれらを1か所で定義しようとします。値のない属性のための準備ができたら

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

しかし、私は、属性が値を持たないときのif/elseロジックを書いたためにどのようには考えている:私はのようなものを書いたことができます別の値を持つ属性について

。 たとえば、私がaddress.$index値に基づいて1つの<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

関連する問題